首页 >

pat的区别 – CSS – 前端,css 显示在div的顶部

富文本图片缩放css,css改a标签,css 颜色梯度灰色,ssm 怎末加css样式,css上下左右移动,css3有哪些书籍,css 显示在div的顶部pat的区别 - CSS - 前端,css 显示在div的顶部

移动端tap click pat的区别

一、click 与tap比较

click与tap都会出发点击事件,但是在手机web端,click会有200-300ms延迟,所以一般用tap(轻击)代替click作为点击事件。singleTap 和 doubleTap分别代表单击和双击。

二、使用tap会出现点透事件(事件穿透)

很多用过Zepto(移动端开发的库)都说使用tap会出现点透事件。

1、什么是tap事件穿透

执行完上层绑定的tap事件后,下层如果绑定着click事件或者本身就存在点击事件(a/input)也会默认触发,这就是点透事件,

2、出现点透事件的原因

首先要知道tap事件是通过监听绑定document上的touch事件来模拟的,并且tap 事件是冒泡到document上才出发的;

touchstart:在这个dom上用手触摸就能开始

click:在这个dom上用手触摸,且手指未曾移动,且在这个dom上手指离开屏幕,且触摸和离开时间很短(有的浏览器可能不检测时间间隔,照样可以出发click),才开始触发。

也就是说在移动端的事件触发从早到晚排序:touchstart touchstop click。所以click的触发是有延时的,大约300ms,所以click触发的原则是,触发当前有click的元素,且该元素面朝用户的最前端,才会触发click。


pat的区别 - CSS - 前端,css 显示在div的顶部
  • 彩虹冰淇淋制作教程商用 - CSS - 前端,css前端画矩形线
  • 彩虹冰淇淋制作教程商用 - CSS - 前端,css前端画矩形线 | 彩虹冰淇淋制作教程商用 - CSS - 前端,css前端画矩形线 ...

    pat的区别 - CSS - 前端,css 显示在div的顶部
  • ext怎么从数据库中取得图片路径 - CSS - 前端,css3按钮放大缩小动画
  • ext怎么从数据库中取得图片路径 - CSS - 前端,css3按钮放大缩小动画 | ext怎么从数据库中取得图片路径 - CSS - 前端,css3按钮放大缩小动画 ...

    pat的区别 - CSS - 前端,css 显示在div的顶部
  • css字体飞入效果图 |css 唤醒短信
  • css字体飞入效果图 |css 唤醒短信 | css字体飞入效果图 |css 唤醒短信 ...