资讯专栏INFORMATION COLUMN

在触摸设备上比较触摸事件与点击事件

jackzou / 3269人阅读

摘要:在触摸设备上,事件从手指刚碰到屏幕就会触发,而事件则要晚一会儿才被触发。触发顺序如下一次所以,如果想提升在触摸设备下的用户体验,让用户觉得响应非常迅速,应该对页面的触摸事件进行事件处理程序的注册,而不应再关注事件。

在触摸设备上,touch事件从手指刚碰到屏幕就会触发,而click事件则要晚一会儿才被触发。触发顺序如下:

touchstart
mouseover
mousemove(一次)
mousedown
mouseup
click
touchend
所以,如果想提升web在触摸设备下的用户体验,让用户觉得响应非常迅速,应该对页面的触摸事件进行事件处理程序的注册,而不应再关注click事件。

只注册了click事件处理程序的按钮:

Click Me

×CloseOK, you clicked me 2 times.
注册了touchstart事件处理程序的按钮:

touch me

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105759.html

相关文章

  • 把鼠标、触摸屏、触控笔统一起来,Pointer Events介绍

    摘要:把事件统一起来处理用户的输入要用到事件。就这样,提取了鼠标触摸屏触控笔的共通之处,以方便开发跨设备的应用。虽然是一个抽象,但它包含了鼠标触摸屏触控笔的全部内容。手指与触摸屏的屏幕接触着,认定为。 跨设备的问题 平时我们在电脑上访问的网页,大部分情况下是用鼠标来控制的。比如说链接跳转,就是鼠标指针移动到链接文字或图片的位置,然后点击一下。又比如说滚动屏幕,滑动一下鼠标滚轮就可以。 如果是...

    FleyX 评论0 收藏0
  • 把鼠标、触摸屏、触控笔统一起来,Pointer Events介绍

    摘要:把事件统一起来处理用户的输入要用到事件。就这样,提取了鼠标触摸屏触控笔的共通之处,以方便开发跨设备的应用。虽然是一个抽象,但它包含了鼠标触摸屏触控笔的全部内容。手指与触摸屏的屏幕接触着,认定为。 跨设备的问题 平时我们在电脑上访问的网页,大部分情况下是用鼠标来控制的。比如说链接跳转,就是鼠标指针移动到链接文字或图片的位置,然后点击一下。又比如说滚动屏幕,滑动一下鼠标滚轮就可以。 如果是...

    elarity 评论0 收藏0
  • WINDOWS系统下触屏设备网页实现滚动的touch事件处理

    摘要:公司有触控屏设备采用系统,普通网页打开后触屏操控如滑动网页没有效果,需在网页代码中添加处理事件网页的手势滑动效果。所以在调用事件时,要注意禁止缩放和滚动。其他地方基本与鼠标事件是一致的。 公司有触控屏设备采用WIN7系统,普通网页打开后触屏操控如滑动网页没有效果,需在网页代码中添加JS处理touch事件网页的手势滑动效果。当然首先需要webkit内核支持touch事件。 以下内容引用h...

    jhhfft 评论0 收藏0
  • JavaScript 编程精解 中文第三版 十五、处理事件

    摘要:事件与节点每个浏览器事件处理器被注册在上下文中。事件对象虽然目前为止我们忽略了它,事件处理器函数作为对象传递事件对象。若事件处理器不希望执行默认行为通常是因为已经处理了该事件,会调用事件对象的方法。 来源:ApacheCN『JavaScript 编程精解 中文第三版』翻译项目原文:Handling Events 译者:飞龙 协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译 部分...

    Clect 评论0 收藏0

发表评论

0条评论

jackzou

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<