Предотвращает перетаскивание слайдер с мышью при выборе в качестве текста в Chrome ⇐ Html

[Anonymous]

Рассмотрим следующий пример, как отображается в Windows в браузере Chrome. < /p>

Код: Выделить всё

< /code>
< /div>
< /div>
< /p>
Выберите ползунок диапазона, используя один из следующих методов: < /p>

  Метод #1 < /strong>: Нажмите внутрь кода, чтобы активировать iframe. Нажмите  ctrl   a , чтобы выбрать все содержание iframe. Попробуйте перемещать ползунок с мышью. Отпустите кнопку мыши. Попробуйте перемещать ползунок с мышью. Тройной щелчок в пустой области рядом с ползунка диапазона. Попробуйте перемещать ползунок с мышью. Он отображает «круг с линией через него» и отказывается позволять мне сдвинуть ручку вправо или слева. />  Есть ли какая-либо рабочая или способ избежать этой ошибки? class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">input[type="range"] {
user-select: none;
}< /code>
< /code>
< /div>
< /div>
< /p>
ни один из них не вызывает e.preventdefault () < /code> на перетаскивании < /code> event: < /p>




Подробнее здесь: [url]https://stackoverflow.com/questions/69490604/prevents-dragging-input-type-range-slider-with-mouse-when-selected-as-text-i[/url]