让我们考虑捕获mousemove
整个HTML文档的问题。
我知道可以将事件侦听器附加到四个对象:
window
,document
,document.body
,document.documentElement
经过简单的测试,在我看来,附加到任何一个上都具有相同的效果。
$(window).on('mousemove', function(){console.log(1)})
我想知道是否有我不知道的差异(性能,兼容性?)
将事件绑定到document.body
对象有两个潜在的问题:
某些浏览器不允许在开始解析页面中的内容之前访问body对象,因此将事件直接绑定到头部是行不通的。您需要通过load
或ready
事件或体内的代码将其绑定。
在符合标准的模式(HTML 4,XHTML,HTML5)中,body元素不会自动覆盖整个窗口。如果它的边距没有被body元素覆盖,则它将仅包含需要容纳的内容的大小。
另外,如果页面包含框架,则此方法将无效。在这种情况下,请按照此处说明的步骤进行操作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句