在滚动时只在元素上触发一次点击事件,可以通过以下步骤实现:
这样,当滚动时,只有第一次滚动到元素时会触发点击事件,后续滚动到该元素时不会再触发点击事件。
以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<style>
#myElement {
width: 200px;
height: 200px;
background-color: red;
margin-bottom: 1000px;
}
</style>
</head>
<body>
<div id="myElement" data-clicked="false"></div>
<script>
var element = document.getElementById('myElement');
var clicked = false;
element.addEventListener('click', function() {
if (!clicked) {
console.log('点击事件触发');
clicked = true;
}
});
window.addEventListener('scroll', function() {
element.setAttribute('data-clicked', 'false');
});
</script>
</body>
</html>
在上述示例中,当滚动页面时,只有第一次滚动到红色的元素时会触发点击事件,并在控制台输出"点击事件触发"。后续滚动到该元素时不会再触发点击事件。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云