CSS / JS - 禁用单击事件但允许在DIV上滚动

Question

相当多的标题，我想允许在DIV中滚动，但禁用点击事件。有谁知道这有什么办法可以实现？

谢谢！

Answer 1

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

<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;
});

希望有所帮助

Answer 2

var myDiv = document.querySelector('#myDiv');

myDiv.addEventListener('click', function(){

    return false
});