HTML正文的范围是什么?

时间:2015-05-25 01:02:34

标签: javascript html onclick document-body

我正在学习Javascript。

<input type="button" onclick="addP();"> 

这一行很好。我可以像这样在身体上添加点击事件吗?

<body onclick="addP();">

当我点击时,我什么也没有显示出来。但是如果我为身体增加宽度和高度,它就可以了!但只是在有限的范围内。 如果添加背景颜色,它将覆盖所有窗口。颜色表示窗口的范围,但不是可点击的(我不知道这个&#39;可点击的单词是否存在,希望您理解)。 我不能投票,因为我的声誉不够。我会在以后再做...

2 个答案:

答案 0 :(得分:2)

由于没有完整的工作示例,我在此处将htmlbody标记设置为100%宽度和高度,使其可以在屏幕上的任何位置点击。

然后,我使用EventTarget.addEventListener()代替内联事件处理程序(例如onclick=''),这在大多数情况下都可以使用。

最后,我使用document.createElement() DOM方法创建p元素(我假设您的addP()函数正在执行),向其中添加文本,然后将其附加到{带有Node.appendChild()的{1}}元素。

请记住,在实践中,您通常不希望向document.body元素添加点击处理程序或鼠标事件处理程序等内容,因为它会触发页面上的任何事件。相反,请使用元素的父元素,或document.addEventListener()

body

http://jsfiddle.net/m3ssssvp/2/

答案 1 :(得分:-3)

尝试完全扩展身体

document.getElementsByTagName('body')[0].style.height = '100%';
document.getElementsByTagName('body')[0].style.width = '100%';

在文档加载时触发此权限,或者如果您了解CSS,则使用该等效项。