为什么我添加的 eventListener 为 null？答案

【问题标题】：Why is my add eventListener of null?为什么我添加的 eventListener 为 null？
【发布时间】：2015-10-07 07:39:40
【问题描述】：

我的 addEventListener 在我的谷歌开发工具上返回 null，但我不知道为什么。

var sx = document.getElementById('sx');        // Element to hold screenX
var sy = document.getElementById('sy');        // Element to hold screenY
var px = document.getElementById('px');        // Element to hold pageX
var py = document.getElementById('py');        // Element to hold pageY
var cx = document.getElementById('cx');        // Element to hold clientX
var cy = document.getElementById('cy');        // Element to hold clientY

function showPosition(event) {                 // Declare function
sx.value = event.screenX;                    // Update element with screenX
sy.value = event.screenY;                    // Update element with screenY
px.value = event.pageX;                      // Update element with pageX
py.value = event.pageY;                      // Update element with pageY
cx.value = event.clientX;                    // Update element with clientX
cy.value = event.clientY;                    // Update element with clientY
}

var el = document.getElementById('body');      // Get body Element
el.addEventListener('mousemove', showPosition, false); // Move updates  position

【问题讨论】：

也许DOMContentLoaded stackoverflow.com/a/29773084/2025923
您的addEventListener“返回为空”，或者您在该行收到一个错误，您不能在空对象上调用方法addEventListener()？
我刚才想通了。解开关闭

标签： javascript events null position

【解决方案1】：

你有没有 id="body" 的元素？

获取body元素的更快方法

var x = document.body;

【讨论】：