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