按钮和链接是否会增加移动响应度
Does buttons and links increase mobile responsivness?
我对这个很好奇。创建模仿按钮的div(绑定了"click"事件(是否对用户友好?我的意思是,是否所有移动浏览器都准确地处理它并在单击div 时始终触发事件?用普通按钮替换此类结构是否会增加移动设备上的责任感?
我认为谷歌在这里很好地描述了这一点。
因此,如此处所述,处理单击事件会增加 300 毫秒的延迟,因为它正在等待查看它是否是双击。
该技术涉及一些JavaScript,允许按钮 响应
touchend
事件而不是click
事件。Touchend
事件 无延迟触发,因此这比click
快得多 事件,但是有几个问题需要考虑:
- 如果用户点击了屏幕上的其他位置,然后调用
touchend
按钮上,那么我们不应该发射click
.- 如果用户向下触摸按钮,然后稍微拖动屏幕,然后 调用按钮上的
touchend
,那么我们不应该触发click
。- 我们希望在用户向下触摸时突出显示按钮以为其提供 按下状态。
我们也可以通过监视
touchstart
和touchmove
事件来解决前两个问题。 如果按钮上以前有touchstart
,我们才应该考虑按钮上的touchend
。此外,如果任何地方touchmove
都存在通过 来自touchstart
的某些阈值,那么我们不应该处理touchend
作为click
.我们可以通过将
onclick
处理程序添加到 按钮也是如此。这样做将允许浏览器正确处理它 作为按钮,我们的touchend
处理程序将确保按钮 还是很快。此外,onclick
处理程序的存在也是一个很好的 不支持触摸事件的浏览器的回退。
经验中的另一个建议是避免按钮的锚点。
他们建议使用触摸端而不是点击。
相关文章:
- 我的响应菜单在移动版中不起作用
- 响应菜单问题-如何在移动环境中处理HREF和onclick事件
- 弹出框在移动设备上的响应方式
- 响应网页手风琴在移动
- 响应式设计适用于桌面浏览器、移动模拟器(Safari和Mozilla Firefox),但不适用于真正的智能手机(And
- 响应式视频简介适用于网络和移动设备的全屏
- 如何删除响应式移动设备的脚本
- 使用 bootstrap 3,您如何为移动设备而不是响应式导航栏提供完全不同的导航栏
- 如何为移动体验制作响应式图像
- 移动响应表单不起作用
- HTML 范围输入在尝试移动时无响应
- 如何修复移动响应式网站上的粘性滚动
- 如何从移动响应屏幕中删除悬停功能
- CSS/Javascript-适用于较小屏幕的移动响应菜单
- jQuery移动响应面板滑动打开/关闭解散
- 使网站移动响应,但重定向到其他网站
- Emberjs embercli foundation 5 scrolltop未定义移动响应
- 按钮和链接是否会增加移动响应度
- 移动响应式显示
- Mediaelements.js音频播放器需要修复移动响应大小