剑道 UI 日期范围选取器移动句柄



我尝试使用带有模板的剑道日期范围选择器,它在 chrome 浏览器桌面版本上运行良好,但在移动设备上出现错误。

这是错误。

由于目标被视为被动,无法阻止被动事件侦听器中的默认值。

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

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

由于您在touchstart事件上调用preventDefault(),因此您可能应该添加 CSS 规则以禁用浏览器对手势的处理,如下所示:

.body { 
touch-action: none; 
}

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

.body { 
touch-action: manipulation; 
}

您可以在此参考中看到所有touch-action选项,并提供有关preventDefault()函数用法的一些说明:

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

其他参考:默认情况下使触摸滚动速度更快

最新更新