HTML предотвращает прокрутку также предотвращает диапазон типов ввода HTML5

Question

У меня есть веб-приложение HTML, и я добавляю ползунки, например, так:

<form oninput="output1.value=slider1.value">
  <input type="range" name="slider1" value="50"/>
  <output name="output1" for="slider1">50</output>
</form>

Отлично работает как в Интернете, так и на устройстве.

Теперь, когда я добавляю код предотвратимой ошибки, чтобы остановить прокрутку страницы, он ломается:

document.addEventListener( 'touchmove' , function(e) {e.preventDefault()} , false );

Теперь, если бы это был мой собственный контроль, я мог бы это исправить, но я хочу поведение ползунка html5 по умолчанию, как я могу получить это обратно?

Answer 1

Не уверен, что это может быть дубликатом, но на всякий случай:

function stopScrolling( touchEvent ) {
    if ((touchEvent.target.id != "pastGenSlider") && (touchEvent.target.id != "curGenSlider"))
        touchEvent.preventDefault(); 
}
document.addEventListener( 'touchmove' , stopScrolling , false );

Просто проверьте, какой идентификатор имеет элемент, и если вы хотите разрешить его обработку, просто дайте ему пройти / не вызывать protectDefault();