Question

我尝试将Kendo Date Range Picker与模板一起使用，并且在chrome浏览器桌面版本上可以正常工作，但是在移动设备上却出现错误。

这是错误。

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

并且我正在尝试使用此代码解决它，但仍无法正常工作

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

        e.preventDefault();
});

Answer 1

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

.body { 
    touch-action: none; 
}

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

.body { 
    touch-action: manipulation; 
}

您可以在this reference中看到所有touch-action选项，并简要说明了preventDefault()函数的用法：

使用Touch_events的应用程序禁用浏览器对通过调用preventDefault()进行手势操作，但也应使用touch-action 确保浏览器先了解应用程序的意图事件侦听器已被调用。