首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS篇(028)-移动端 click 事件、touch 事件、tap 事件的区别

参考答案: 1.click 事件在移动端会有 200-300ms 的延迟,主要原因是苹果手机在设计时,考虑到用户在浏览网页时需要放大,所以,在用户点击的 200-300ms 之后,才触发 click,...如果 200-300ms 之内还有 click,就会进行放大缩小。...2.touch 事件是针对触屏手机上的触摸事件。现今大多数触屏手机 webkit 内核提供了 touch 事件的监听,让开发者可以获取用户触摸屏幕时的一些信息。...touchcancel 这四个事件,touchstart touchmove touchend 事件可以类比于 mousedown mouseover mouseup 的触发 3.tap 事件在移动端,代替 click...事件,而 z-index 已经消失了,所以,触发了下面的 a 的 click 事件,注意: 我们认为 a 标签默认是绑定了 click 事件的。

6.1K40

移动端web开发,click touch tap区别

移动端用tap时会有穿透问题 一:click与tap比较 click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件。...标签引入页面(该库支持AMD,可按照AMD规范,用require.js的模块加载器引入),并且在dom  ready时初始化在body上,如: $(function(){ new FastClick(document.body...改变了事件名称,tap是body上才被触发,而touchend是原生的事件,在dom本身上就会被捕获触发 $demo.hide(); e.preventDefault();//阻止“默认行为” }); 五:touch...事件 touch是针对触屏手机上的触摸事件。...现金大多数触屏手机webkit内核提供了touch事件的监听 包含:touchstart touchmove touchend touchcancel四个事件 touchstart touchmove

2.2K100
您找到你想要的搜索结果了吗?
是的
没有找到

移动端touch拖动事件和click事件冲突问题解决

实现效果 类似微信里的悬浮窗效果,苹果手机的悬浮球功能效果 可以点击拖动,然后吸附在窗口边缘 点击悬浮球,可以跳转界面,或者更改悬浮球的形态 准备 移动端使用 touch事件类型: touchstart...当一个触点被用户从触摸平面上移除(抬起手指) touchcancel终止触摸事件 多点触控 TouchEvent.targetTouches 只读 一个 TouchList 对象,是包含了如下触点的 Touch...触摸元素横坐标 event.targetTouches.clientY // 触摸元素纵坐标 TouchEvent.touches 只读 一个 TouchList 对象,包含了所有当前接触触摸平面的触点的 Touch...问题 当给元素添加了touch事件之后,click事件就不会出发了,那么怎么模拟点击效果呢?

2.2K20

CCLayer在Touch事件(Standard Touch Delegate和Targeted Touch Delegate)

处理方式,Standard Touch Delegate和 Targeted Touch Delegate方式(參见CCTouchDelegateProtocol.h中源码),CCLayer默认是採用第一种方式...在CCLayer子类中要能接收touch事件。首先须要激活touch支持。在init方法中设置isTouchEnabled值为YES。...Standard Touch Delegate(CCLayer默认採纳这样的方式) Standard方法中用户须要重载四个主要的touch处理方法,例如以下: -(void) ccTouchesBegan...会调用该方法响应touch事件。假设是单点touch,则仅仅须要调用 UITouch *touch = [touches anyObject],就能够获取touch对象。假设须要响应多点 touch。...为了获取UITouch对象的坐标(如果该UITouch名称为touch),调用[touch locationInView: [ touch view]]会返回一个UIView相关的坐标viewPoint

1.4K10

Touch 移动设备上的 手势识别 与 Js事件库

Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。...Touch.js对于网页设计师来说,是一款不错的辅助工具,可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感,而且在节约时间,减少人力投入也有极大的帮助。...Touch.js官网: https://www.awesomes.cn/repo/Clouda-team/touchjs Github 地址:  https://github.com/Clouda-team...可以说是Web移动端touch点击事件不错的解决方案,搭配zepto.js或者jQuery使用起来解决了移动端click点击事件300ms的延迟问题。...百度官方touch.js的说明文档,详见:http://cloudajs.org/docs/step4_API_Documentation#h2_7 Touch.js上手还是很容易的,语法: touch.on

4K40

移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法

给其他地方加的click事件也不触发了!!! 之后继续百度,得知当在移动端上点击屏幕时,会依次触发touchstart,touchmove,touchend,click事件。...如果在点击屏幕的时候手指滑动的话,是不会触发click事件的。...之后我大胆推测了一下: 会不会是因为在移动端click事件的触发条件就是必须touchstart和touchend同时触发才能触发click呢?...总结一下: 在QQ和微信(当然还包括其他浏览器,不过我没测试过)中如果有需要用到touch事件做的特效一定要在touchstart或者touchmove中添加event.preventDefault()...在touchstart中如果有event.preventDefault()方法, 将不会触发click事件和a标签方法。在这里可以使用tap代替click,但是a标签的话就不太方便了。

3.2K20

Linux 命令 | touch

Linux 命令 touch 命令解析 touch 命令是 Linux 系统中用于创建或更新文件的命令。...作用是:改变一个文件的时间戳,将其设为最近的修改时间或者最接近的访问时间,此外,touch命令也可以创建新的空文件。...为方便读者理解,林一写个具体的 demo: touch /path/to/file 这个命令会创建一个新的空文件,如果该文件已经存在,则会更新文件的修改时间为当前时间。...另外,touch命令还可以指定文件的时间戳: touch -c /path/to/file # 指定访问时间为当前时间 touch -r /path/to/otherfile /path/to/file...除了基本的touch命令,还有一些扩展知识可以了解一下: touch命令可以用于创建或更新目录,但是这并不会改变目录的时间戳,只会更新目录下的最新文件时间戳。

33630
领券