美文网首页
移动端touchStart和click

移动端touchStart和click

作者: 本座飞神 | 来源:发表于2016-08-31 17:01 被阅读0次

开发的时候遇到一个问题:touchStart过滤按钮的时候,侧滑出一个面板,那个面板上有一个返回按钮,绑定的是click。当有时候touchStart比较快的时候,侧滑面板弹出到过滤按钮的位置又马上退回去了,意味着侧滑面板的返回按钮被触发了。

后来解决了这个问题:是因为有时候点击比较快,touchStart之后又马上touchEnd,touchEnd的时候,侧滑面板的返回键刚好侧滑到用户手指下面,这个时候,touchEnd在返回键上触发了click,就导致侧滑面板又滑回去了。

解决办法:统一使用touchStart或者click,都可以解决这个问题。

相关文章

  • Web移动端优化

    1、使用 touchstart 代替 click 由于移动端屏幕的设计, touchstart 事件和 click...

  • 移动端touchStart和click

    开发的时候遇到一个问题:touchStart过滤按钮的时候,侧滑出一个面板,那个面板上有一个返回按钮,绑定的是cl...

  • 移动端touch事件和click事件的区别

    参考移动端touch事件和click事件的区别在手持设备上使用 touchstart 事件代替 click 事件是...

  • 从移动端click到摇一摇

    以前听到前辈们说移动端尽量不要使用click,click会比较迟钝,能用touchstart还是用touchsta...

  • 移动端点透原因-解决方法

    大家都知道移动端click事件有300ms的延时,那么原因又是什么: 在移动端触发时间会按照 touchstart...

  • JS题 实际问题

    点击穿透这是因为在移动端浏览器,事件执行的顺序是touchstart > touchend > click而cli...

  • web 移动端事件总结

    参考文章:在手持设备上使用 touchstart 事件代替 click 事件是不是个好主意 移动端兼容问题研究 j...

  • Android WebView多点触控解决

    web端同学主要修改 将div或其他组件的click事件改为touchstart事件

  • 笔记 || 移动端事件(touch)

    移动端三个事件: touchstart——手指按下; touchmove——手指移动; touchend——手指松...

  • 2018-01-23

    移动端事件 一、事件定义及分类 1. click事件 单击事件,类似于PC端的click,但在移动端中,连续cli...

网友评论

      本文标题:移动端touchStart和click

      本文链接:https://www.haomeiwen.com/subject/zpzqettx.html