博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动web——touch事件介绍
阅读量:5126 次
发布时间:2019-06-13

本文共 729 字,大约阅读时间需要 2 分钟。

基本概念

1、在移动web端点击事件或者滑动屏幕、捏合等动作都是由touchstar、touchmove、touchend这三个事件组合在一起使用的

2、click事件在移动端会有0.2秒的延迟,下面是测试click在移动web端的延迟,最好在手机浏览器中测试

3、touchstar、touchmove、touchend这三个事件我们关注的是里面的touches属性,这是一个数组,里面有鼠标clientX与clinetY属性

    
Title

touchstart:touches中有长度为1的数组,touches[0]中clientX,clientY是有值的

touchmove:touches中有长度为1的数组,touches[0]中clientX,clientY是有值的,而且不断在变化

touchend:touches中有长度为0的数组,因为我们只是一个鼠标在点击,鼠标弹起的时候touches是不会存储值的

点击事件

既然click有延迟,那么我们就用touch的三个事件来代替click事件,只要满足下面几种情况,我们就能够说明这次动作是点击事件,而不是长按屏幕或者滑动屏幕

1、touchstart与touchend触发的事件大于250就证明这不是点击事件

2、touchmove事件在这次动作中被触发就证明这不是点击事件

3、下面是封装的一个toush事件模仿点击事件,需要注意的是回调函数的参数,它的实参是在函数中被传入的

    
Title

 

转载于:https://www.cnblogs.com/wuqiuxue/p/8242058.html

你可能感兴趣的文章
java笔试题
查看>>
mysql 行转列
查看>>
web路径
查看>>
sql
查看>>
mysql 字符串截取
查看>>
sql if else
查看>>
数据库的忘记root密码和导出数据库
查看>>
销售订单计算交期
查看>>
金蝶CLOUD消息队列服务
查看>>
WMS出库单重复
查看>>
自定义字段从BOM带入生产用料清单
查看>>
生产用料清单-在制材料数量
查看>>
物料尾数进位 0.0000001
查看>>
华为鸿蒙系统pk安卓系统
查看>>
采购价目表区间报价
查看>>
SQL Server查看所有表大小,所占空间
查看>>
整单折扣计算
查看>>
K3CLOUD日志目录
查看>>
辅助单位启用
查看>>
付款申请金额对不上的问题
查看>>