使用javascript / jQuery将触摸事件应用于每次点击事件

Posted 2021-04-28

网站上的大多数事件是点击事件。但是，移动浏览器上启动点击事件的300ms延迟显然是不希望的：https://developers.google.com/mobile/articles/fast_buttons?hl=de-DE

阅读以上文章后，我开始怀疑我是否可以实现某种全球通用的代码，该代码在每次触摸/单击可点击按钮，链接等时都会调用一次触摸事件。目标是消除这种300毫秒的延迟，以使网站更像是本机应用程序。

从UI / UX的角度来看，此代码段似乎非常有价值，所以想知道人们对此的想法或他们提出的解决方案。

答案

该文章说，click发生在touchend之后300毫秒，所以您想做的与您的要求相反：

$(document).bind('touchend', function(e) {
    $(e.target).trigger('click');
});

这将触发从气泡到文档级别的任何触摸事件的目标的单击事件。这不是一个特别有效的解决方案，但是作为大锤方法，它应该可以完成这项工作。