Question

我想将事件绑定到整个页面--html或body标签。我怎么能这样做？

这是我最初想要实现的目标：

document.addEventListener('mousemove', function() { alert('a'); });

因此，在网站上用鼠标进行任何操作都会给我一个提醒。

但它不起作用，并且控制台不输出任何内容。整个代码：

<!DOCTYPE>
<html>
    <head>
        <title>Fdsjfkdsf</title>
    </head>
    <body>
        Fdjfkjdsf
        <script type="text/javascript">
            document.addEventListener('mousemove', function() { alert('a'); });
        </script>
    </body>
</html>

我也尝试过：

document.getElementsByTagName('html')[0].addEventListener('...');
window.addEventListener('...');

但没有效果。我该如何解决这个问题？

Answer 1

您提供的第一个示例适用于Chrome。

检查您的控制台是否收到任何错误。

实施例： https://jsbin.com/fepoguceyu/edit?html,output

Answer 2

您是否尝试将事件侦听器绑定到正文？

我认为以下是你需要做的事情：

document.getElementsByTagName('body')[0].on("click", /* code here */ );

将事件绑定到body标签

2 个答案: