Question

In my mobile web app, I have this

//Prevent scrolling in entire document
document.ontouchmove = function(e){ e.preventDefault(); }

..which makes it look a lot less ‘webby’ since the body can’t be scrolled.

Unfortunately, this is also stopping an input slider I have from working (iPhone only, works fine in chrome)

<input type="range" class="slider"  min="1" max="50">

How do I reverse the preventDefault for this specific element?

Answer 1

try this:

document.ontouchmove = function(e){
  if(e.target && e.target.className.indexOf('slider')==-1)
     e.preventDefault(); 
}