javascript addEventListner
我正在研究RC RPi汽车，我正在尝试制作网页控件。但我一开始就被卡住了，我不知道为什么addEventListner不工作。我试图改变我添加listner的元素，唯一有效的是javascript addEventListner,javascript,html,addeventlistener,Javascript,Html,Addeventlistener,我正在研究RC RPi汽车，我正在尝试制作网页控件。但我一开始就被卡住了，我不知道为什么addEventListner不工作。我试图改变我添加listner的元素，唯一有效的是 <p id="demo">WATCH.</p> 观看 请帮忙 谢谢你的回答 完整代码 <!DOCTYPE html> <style> .box{ width: 150px; height: 150px; padding: 10px; border: 1px solid
<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>
.盒子{
宽度：150px；
高度：150像素；
填充：10px；
边框：1px实心橙色；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
背景：浅黄色；
}
document.getElementById（“box1”）.addEventListener（“mousedown”，mousedown）；
document.getElementById（“box1”）.addEventListener（“mouseup”，mouseup）；
函数mouseDown（）{
document.getElementById（“demo”）.innerHTML=“鼠标按钮按下。”；
}
函数mouseUp（）{
document.getElementById（“demo”）.innerHTML=“您释放了鼠标按钮。”；
}
观看
福鲁
window.onload = function(){
//your code here
}