Kendo UI Date Range Picker 移动手柄

Question

我尝试将 kendo 日期范围选择器与模板一起使用，它在 chrome 浏览器桌面版上运行良好，但在移动设备上出现错误。

这是错误。

由于目标被视为被动，因此无法在被动事件侦听器中阻止默认。

我正在尝试用这段代码解决它，但它还没有工作

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

        e.preventDefault();
});

Answer 1

由于您在 touchstart 事件上调用 preventDefault()，可能您应该添加 CSS 规则以禁用浏览器对此类手势的处理：

.body { 
    touch-action: none; 
}

请注意，此设置会停止任何触摸滚动，如果您希望启用标准手势，则应使用 touch-action: manipulation：

.body { 
    touch-action: manipulation; 
}

您可以在this reference 中看到所有touch-action 选项，以及关于preventDefault() 函数用法的一点说明：

使用 Touch_events 的应用程序禁用浏览器处理 手势通过调用preventDefault()，但也应该使用touch-action 确保浏览器在任何事情之前就知道应用程序的意图 事件监听器已被调用。

其他参考：Making touch scrolling fast by default