js如何响应滚动条的点击事件？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style>
.wrap {
height: 500px;
width: 300px;
overflow: auto;
}
.content {
height: 5000px;
width: 1000px;
}
</style>
</head>
<body>
<div class="wrap"><div class="content">1</div></div>
<script>
document.addEventListener("click", () => {
alert("click");
});
// 能否绑定document上任意的scroll
document
.getElementsByClassName("wrap")[0]
.addEventListener("scroll", () => {
console.log("scroll");
});
</script>
</body>
</html> 有这么一段html,我想在用户点击滚动条时进行监测，该如果实现？
直接在document上绑定click事件可以相应所有的元素（除了滚动条）。
转换为监听滚动：
但是如果直接在document绑定scroll，那么滚动.wrap元素时就无法响应。
如果界面上有很多元素，我只想监听滚动条滚动时的事件，需要每个都进行绑定吗？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）