CSS/JS -禁用点击事件，但允许滚动DIV

CSS/JS - Disable click events but allow scrolling on DIV

本文关键字：许滚动 DIV 滚动 事件 JS CSS      更新时间：2023-09-26

大致标题，我想允许在div中滚动，但禁用单击事件。有人知道有什么方法可以做到吗?

谢谢!

对于我来说，创建一个特殊的类来防止点击事件，然后用一个可滚动的容器包装这些元素

<div class="scrollable-div">
    <div class="child-div noclick">
    //anything else
    </div>
 </div>

和你的js看起来像

$('.noclick').click(function(event){
    // prevent default behavior of click
    event.preventDefault();
    return false;
});

希望有帮助

var myDiv = document.querySelector('#myDiv');
myDiv.addEventListener('click', function(){
    return false
});
相关文章：