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

Question

Pretty much title, I would like to allow scrolling in a DIV, but disable click events. Does anyone know any way this could be accomplished?

Thank you!

Please read How to Ask. Key phrases: "Search, and research" and "Explain ... any difficulties that have prevented you from solving it yourself". — Heretic Monkey
– Heretic Monkey, Commented Nov 9, 2016 at 22:54

masterpreenz · Accepted Answer · 2016-11-09 22:45:56Z

1

For me create a special class that prevents click events then wrap these element(s) with a scrollable container.

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

and your js would look like

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

Hope that helps

answered Nov 9, 2016 at 22:45

masterpreenz

2,2881 gold badge14 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aloxord · Accepted Answer · 2016-11-09 22:48:53Z

0

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

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

    return false
});

answered Nov 9, 2016 at 22:48

Aloxord

11 bronze badge

This doesn't seem to work for some reason... jsfiddle.net/rohanssrao/t0y4w2mo