按钮和链接是否会增加移动响应度

Does buttons and links increase mobile responsivness?

本文关键字:移动 响应 增加 链接 是否 按钮      更新时间:2023-09-26

我对这个很好奇。创建模仿按钮的div(绑定了"click"事件(是否对用户友好?我的意思是,是否所有移动浏览器都准确地处理它并在单击div 时始终触发事件?用普通按钮替换此类结构是否会增加移动设备上的责任感?

我认为谷歌在这里很好地描述了这一点。

因此,如此处所述,处理单击事件会增加 300 毫秒的延迟,因为它正在等待查看它是否是双击。

该技术涉及一些JavaScript,允许按钮 响应touchend事件而不是click事件。 Touchend事件 无延迟触发,因此这比click 快得多 事件,但是有几个问题需要考虑:

  • 如果用户点击了屏幕上的其他位置,然后调用 touchend按钮上,那么我们不应该发射click.
  • 如果用户向下触摸按钮,然后稍微拖动屏幕,然后 调用按钮上的touchend,那么我们不应该触发click
  • 我们希望在用户向下触摸时突出显示按钮以为其提供 按下状态。

我们也可以通过监视touchstarttouchmove事件来解决前两个问题。 如果按钮上以前有touchstart,我们才应该考虑按钮上的touchend。此外,如果任何地方touchmove都存在通过 来自touchstart的某些阈值,那么我们不应该处理 touchend作为click.

我们可以通过将 onclick 处理程序添加到 按钮也是如此。这样做将允许浏览器正确处理它 作为按钮,我们的touchend处理程序将确保按钮 还是很快。此外,onclick处理程序的存在也是一个很好的 不支持触摸事件的浏览器的回退。

经验中的另一个建议是避免按钮的锚点。

他们建议使用触摸端而不是点击。