Мобильный маркер Kendo UI Date Range Picker

Question

Я пытаюсь использовать kendo Date Range Picker с шаблоном, и он отлично работает в настольной версии браузера Chrome, но я получаю сообщение об ошибке на мобильном телефоне.

это ошибка.

Невозможно предотвратить дефолт внутри прослушивателя пассивных событий из-за того, что цель рассматривается как пассивная.

, и я пытаюсь решить ее с помощью этого кода, но она пока не работает

$('body').on("touchstart", function (e) {

        e.preventDefault();
});

Answer 1

Поскольку вы вызываете preventDefault() для события touchstart, возможно, вам следует добавить правило CSS, чтобы отключить обработку жестов в браузере, например:

.body { 
    touch-action: none; 
}

Обратите внимание, что этот параметр останавливает любую сенсорную прокрутку,если вы хотите включить стандартные жесты, тогда следует использовать touch-action: manipulation:

.body { 
    touch-action: manipulation; 
}

Вы можете увидеть все опции touch-action в этой ссылке , с небольшим объяснением относительно preventDefault()использование функции:

Приложения, использующие Touch_events, отключают обработку жестов браузером, вызывая preventDefault(), но также должны использовать touch-action, чтобы браузер знал цель приложения до того, как прослушиватели событий будут

Дополнительная справка: Быстрая прокрутка по умолчанию по умолчанию