CSS/JS - クリックイベントを無効にしますが、DIVのスクロールを許可します

かなりのタイトルですが、DIVでスクロールすることは許可しますが、クリックイベントは無効にします。これを達成できる方法を誰かが知っていますか？CSS/JS - クリックイベントを無効にしますが、DIVのスクロールを許可します

ありがとうございました！

2016-11-09 Kyle Brown

を助け

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

のようになります希望。オフ（ 'クリック'）' –

'.myDiv {ポインタイベント：なし; } ' –

[ask]をお読みください。重要なフレーズ：「検索と研究」と「あなたがそれを自分で解決することを妨げた困難を説明する」 –

私にとっては、クリックイベントを防ぐ特別なクラスを作成し、これらの要素をスクロール可能なコンテナでラップします。 `$（ 'div_selector'）試してみてください

2016-11-09 22:45:56 masterpreenz

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

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

    return false 
});

2016-11-09 22:48:53 Aloxord

これは何らかの理由で動作していないようです... https://jsfiddle.net/rohanssrao/t0y4w2mo/ –

答えて