JS：在body上添加点击事件和在document上添加点击事件有什么区别

Question

在javascript中，我想监听整个HTML页面的点击事件

加在body元素上有什么区别，和将其添加到文档元素上。

Answer 1

如果

<body>

元素没有覆盖整个页面，那么点击它之外的部分将不会触发任何点击监听器。在文档上添加事件监听器来处理页面任意部分的点击事件。

document.body.addEventListener('click', e => console.log('body click'));
document.addEventListener('click', e => console.log('document click'))

Some content... (try clicking under here)

如果在身体周围添加边框，效果会更清晰。