Question

我正在研究RC RPi汽车，我正在尝试进行网络控制。但是我开始陷入困境我不知道为什么addEventListner无法正常工作。我试图更改我添加列表器的元素，只有似乎有用的东西是

<p id="demo">WATCH.</p>

请帮助

感谢您的回答

完整代码

<!DOCTYPE html>
<style>

.box{
width: 150px;
height: 150px;
padding: 10px;
border: 1px solid orange;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: lightyellow;

}
</style>
<html>
<body>
<script>
document.getElementById("box1").addEventListener("mousedown", mouseDown);
document.getElementById("box1").addEventListener("mouseup", mouseUp);

function mouseDown() {
document.getElementById("demo").innerHTML = "The mouse button is held down.";
}

function mouseUp() {
    document.getElementById("demo").innerHTML = "You released the mouse button.";
}
</script>
<p id="demo">WATCH.</p>
 <div class="box" id="box1">
<h3> FORW </h3>
</div>
</body>
</html>

Answer 1

因为在脚本执行后加载了DOM。

有两种方法可以解决这个问题：

将您的代码包装在
中
```
window.onload = function(){
  //your code here
}
```
2.在元素之后输出你的脚本

javascript addEventListner

1 个答案: