滚轮没反应
来源：4-19 事件对象（3）
要每天学习的小蓝同学
2021-04-26 13:01:19
相关代码：
<style>
#box {
width: 200px;
height: 200px;
background-color: orange;
}
</style>
</head>
<body>
<div id="box"></div>
<h1 id="info">0</h1>
<script>
var oBox = document.getElementById('box');
var oInfo = document.getElementById('info');
// 全部变量就是info中显示的数字
var a = 0;
// 给box盒子添加鼠标滚轮时间监听
oBox.onmousewheel = function (e) {
if (e.deltaY > 0) {
a--;
} else {
a++;
}
oInfo.innerText = a;
}
</script>
</body>
写回答
1回答
-
同学你好，因为是给橘色盒子添加了事件监听，所以需要将鼠标放在橘色盒子上才可以触发事件。
老师使用最新版的Chrome浏览器测试同学粘贴的代码，效果是正确的，同学可以再测试下。如下图所示：
如果还有问题，可以图文结合详细描述下你是如何操作的，以及使用哪个版本的浏览器进行测试的，便于帮助同学准确的定位与解决问题。
祝学习愉快~
0
相似问题
老师，呼吸轮播图做出了没有效果，帮我看下
回答 1