将事件绑定到正文标签

Binding event to body tag

本文关键字：正文 标签 绑定 事件      更新时间：2023-09-26

我想将一个事件绑定到整个页面- 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('...');

但是都不起作用。我怎么解决这个问题?

您提供的第一个示例在Chrome中对我来说很好。

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

的例子:https://jsbin.com/fepoguceyu/edit?html,输出

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

我认为你应该这样做:

document.getElementsByTagName('body')[0].on("click", /* code here */ );
相关文章：