我收到一个错误说明:
未捕获的TypeError:无法读取null的属性'addEventListener',
我正在尝试使用比萨饼图像进行拖放游戏,而我正努力在HTML上的任何位置进行拖放。当我为它创建HTML时,我不知道为什么addEventListener
为空。
这是我到目前为止的代码:
<html>
<body>
<div id="outerContainer">
<div id="container">
<div id="item">
</div>
</div>
</div>
</body>
</html
<script>
var dragItem = document.querySelector("#item");
var container = document.querySelector("#container");
var active = false;
var currentX;
var currentY;
var initialX;
var initialY;
var xOffset = 0;
var yOffset = 0;
container.addEventListener("mousedown", dragStart, false);
container.addEventListener("mouseup", dragEnd, false);
container.addEventListener("mousemove", drag, false);
您应尝试将javascript代码放入函数中,并在onload事件上调用该函数。这是为了确保在执行javascript时已加载DOM。