JS点击事件和延迟处理

来自：https://zhidao.baidu.com/question/345470308.html

Button的onTouch，onClick，onLongClick事件发生先后顺序和关联：一，onTouch返回false首先是onTouch事件的down事件发生，此时，如果长按，触发onLongClick事件；然后是onTouch事件的up事件发生，up完毕，最后触发onClick事件。

二，onTouch返回true首先是onTouch事件的down事件发生，然后是onTouch事件的up事件发生；期间不触发onClick和onLongClick事件

三，onTouch：down返回true，up返回false：结果同二。机制分析：   onTouch事件中：down事件返回值标记此次事件是否为点击事件（返回false，是点击事件；返回true，不记为点击事件），而up事件标记此次事件结束时间，也就是判断是否为长按。只要当down返回true时候，系统将不把本次事件记录为点击事件，也就不会触发onClick或者onLongClick事件了。因此尽管当up的时候返回false，系统也不会继续触发onClick事件了。

四，onTouch：down返回false，up返回true：首先是onTouch事件的down事件发生，此时：长按，触发onLongClick事件，然后是onTouch事件的up事件发生，完毕。短按，先触发onTouch的up事件， 到一定时间后，自动触发onLongClick事件。机制分析：  onTouch事件中：down事件返回值标记此次事件是否为点击事件（返回false，是点击事件；返回true，不记为点击事件），而up事件标记此次事件结束时间，也就是判断是否为长按。

当down返回false，标记此次事件为点击事件，而up返回了true，则表示此次事件一直没有结束，也就是一直长按下去了，达到长按临界时间后，自然触发长按事件，而onClick事件没有触发到

IOS点击事件延迟300ms

样式中设置

-webkit-tap-highlight-color: rgba(0,0,0,0);

或者引入fastClick.js 在Body里面监听

安卓里面的延时

一般是进程阻塞，需要考虑页面内容的加载才行

touchstart touchmove touchend click

事件监听执行顺序

JS点击事件和延迟处理相关推荐

js 点击事件穿透 html,Js点击事件.html
Js点击事件 /*Reset css*/ body{font-family:"宋体";font-size:12px;background:#fff;color:#333;margi ...
PC端微信浏览器js点击事件失效
**电脑端微信浏览器js点击事件失效**前段时间发现开发的一个微信公众号上一个按钮的点击事件在手机上是正常的,电脑端手机微信里却不起作用.在网上找了好久都没有找到解决办法.后来查看其它的页面的同样的点 ...
JS点击事件的使用方法
JS点击事件的使用方法 <html lang="en"><head><meta charset="UTF-8"><me ...
很基本的js点击事件和jq点击事件的写法
js点击事件常用获取到id <div id="box">click</div> var btn=document.getElementById('box' ...
vue移动端点击事件延迟_去除点击事件300ms延迟（使用了vue之后）
因为习惯用vue了,再回到以前采用获取dom节点来操作的写法就觉得很麻烦. 我在 click 事件里面加了 tapmode 属性,在安卓里面没有300ms的延迟,但是在ios里面就会有这个问题. ...
js追加html 有点击事件,js点击事件的多种写法
javascript 中的点击事件,可以通过多种不同的添加方式来实现.下面介绍三种 javascript 中添加点击事件的示例代码,个人可以根据自己的项目需要选择不同的实现方式. js添加点击事件的代 ...
js点击事件多种写法
方法一: <!DOCTYPE html> <html> <head><title>Javascript中点击事件方法一</title> &l ...
javascript/js点击事件显示日期的效果
我们先看看JS代码和效果图代码如下: 按F12预览效果图如下: 点击"显示日期"按钮之后出现的效果图如下: 下面我们来讲解下这个JS: JS部分 <script>fu ...
js触发点击事件（模拟自动点击事件）
进入页面触发点击事件 js 派发事件 Event.initEvent()已弃用添加链接描述 if(document.all) {// IE浏览器document.getElementById(&qu ...

JS点击事件和延迟处理

JS点击事件和延迟处理相关推荐

最新文章

热门文章