手机点击事件延迟触发

2024-11-06

html 手机端click 事件延迟问题(fastclick.js使用方法)

下载地址: fastclick.js 为什么存在延迟? 从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间.为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作. 1.引入fastclick.js 文件 <script type='application/javascript' src='fastclick.js'></script> 2.调用方法普通调用: window.onload = function()

移动端的click事件延迟触发的原理是什么？如何解决这个问题？

移动端的click事件延迟触发的原理是什么?如何解决这个问题? 原理 :移动端屏幕双击会缩放页面 300ms延迟会出现点透现象在列表页面上创建一个弹出层,弹出层有个关闭的按钮,你点了这个按钮关闭弹出层后后,因为有300ms延迟,所以这个按钮正下方的内容也会执行点击事件(或打开链接).这个被定义为这是一个"点透"现象解决方案视口标签中禁止用户缩放 <meta name="viewport" content="width=device-width

iOS中UITableView的cell点击事件不触发didSelectRowAtIndexPath（汇总）

iOS中UITableView的cell点击事件不触发didSelectRowAtIndexPath 首先分析有几种原因,以及相应的解决方法 1.UITableViewCell的userInteractionEnabled设置为NO(ps:这种情况很少发生),导致cell无法点击: 2.在cell的nib中,xib是后来才添加的,导致xib中没有contentView,完整的cell结构如下: 3.Selection设置为None了,把它设置为SingleSelection就行了.如下图: 4.

label标签内含有input元素，点击事件会触发两次

**label标签内含有input元素,点击事件会触发两次** 如果你的结构是label内写input实现点击文字时候input也有相应.并且,把事件设置在了label上,那么就会执行两次了. //html: <label class="first"><input type="checkbox"/>第一</label> <br/> <label class="second"><sp

移动端触屏click点击事件延迟问题，以及tap的解决方案

在移动端触屏click事件虽然也会响应,但是总感觉是有延迟,一直听说click事件在手机上有200~300毫秒的延迟问题,亲自测了一下,在pc端模拟手机的话是测不出来的,但是用手机测试时发现延迟非常明显,用我的iphone5执行下段测试代码,平均延迟在370毫秒!结果非常惊人,所以在移动端必须得用tap事件了,click不仅仅是慢的问题,而且会严重影响css3动画!没错,这绝对是真的,我做的单页应用,用click事件执行的,点击后css3切换动画,经常会出现动画被省略掉直接到最后一个keyfr

如何禁用事件的浮升（div的子元素的点击事件会触发父元素的点击事件）

<div onclick="alert();"> <div onclick="alert();"></div> </div> 上面给一个很简单的例子,当点击第二个div的时候,会同时触发此div与其父元素的点击事件,按照官方的说法,这是事件的浮升,那么要怎么阻止这种情况呢? 可以使用 event.cancelBubble=true; 代码如下: <div onclick="alert();"&

安卓手机的touchend事件不触发问题

问题描述 $(document).on("touchstart touchmove",".btn-highlight",function(event){ $(this).addClass("hover"); }).on("touchend touchcancel",".btn-highlight",function(event){ $(this).removeClass("hover")

NGUI Button 3中点击事件的触发

NGUI事件的种类很多,比如点击.双击.拖动.滑动等等,他们处理事件的原理几乎万全一样,本文只用按钮来举例. 1.直接监听事件把下面脚本直接绑定在按钮上,点击按钮触发的方法名必须为OnClick,当按钮点击时就可以监听到,这种方法不太好很不灵活. private void OnClick() { Debug.Log("我是按钮1" + gameObject.name); } 2.使用SendMessage 选择按钮后,在Unity导航菜单栏中选择Component->Inter

一个大div里面包裹一个小div,里面的小div的点击事件不触发外面的这个大div的点击事件

一开始上html代码 <div id="div1" style="background: blue;width: 100px; height: 100px;"> <div id="div2" style="background: red;width: 70px; height: 70px;"> </div> </div> 就是这样的一段代码, 大的div==>div1 小的

angularJS在移动端的点击事件延迟问题

在运用angular开发移动端的应用时,发现它并没有将ng-click做兼容,在移动端使用ng-click事件仍然会有300ms延迟.后来发现angular有一个专门针对移动端的模块:angular-touch.js,其中对ng-click做了兼容性处理,以下为该模块中部分内容: /** * @ngdoc method * @name $touchProvider#ngClickOverrideEnabled * * @param {boolean=} enabled update the ng

Javascript和jquery事件--点击事件和触发超链接

前面的不过是一些基础的知识,真正的一些事件还是有点不同.还有一些命名空间的问题.不过现在ie也开始接受W3C标准,而且平时开发也很少考虑ie了,一些事件就不考虑ie了. 点击事件--click 大部分问题出现在js.jq触发超链接上面.我之前看到的解释是谷歌新版本阻止了触发浏览器默认的操作(超链接.右键等等),但是在下面参考的一篇文章又提出是因为要触发超链接点击的不是<a>元素,而是<a>元素里面的内容,我觉得比较靠谱,因为网上不少jq有关操作做的都是相关的改变,但是这个方法在js

Zepto.js touch模块深入分析解决手机点击事件

源码: // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. ; (function($) { var touch = {}, touchTimeout, tapTimeout, swipeTimeout, longTapTimeout, longTapDelay = 750, gesture function swipeDirection(x1

通过js添加的元素点击事件无法触发

var blk_have ='<div class="sw-off"></div>'; $('#blk').prepend(blk_have); $(document).on('click', '.sw-off', function(){ $(this).toggleClass('sw-on'); });

移动端点击（click）事件延迟问题的产生与解决方法

http://blog.csdn.net/xjun0812/article/details/64919063 问题的发现上班做项目的时候碰到一个移动端项目,其中有个小游戏,相当于天上掉馅饼,用户需要点击馅饼获得.游戏做好之后在pc端测试是没问题的,安卓手机上测试也是没问题的,但是部分苹果手机就出现了问题,用户点击馅饼没有反应. 后来调试的时候,我让这些馅饼静止在屏幕上,这些苹果手机用户就可以点击了.才发现是因为点击事件延迟的原因导致移动的对象不能被用户点击,经过一定时间的延迟,该对象已经移到到

移动端点击事件300ms延迟问题解决方案——fastclick.js

移动端点击事件300ms延迟的问题由来已久,如下截图下面截图来自原文:https://www.jianshu.com/p/6e2b68a93c88 网上关于300ms延迟问题的解决方法,大致分为 3 种 ①:使用 meta viewport 属性禁用缩放,并让视口宽度等于设备宽度 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale

JavaScript点击事件-一个按钮触发另一个按钮

<input type="button" value="Click" id="C" onclick="Go();"><input type="button" value="Wait" id="W" onclick="javascript:alert('Amazing!');"> <script>var C=doc

html如何点击子元素事件而不触发父元素的点击事件——阻止冒泡

如果子元素和父元素都有点击事件,会出现点击事件冒泡的情况. 1.如何避免冒泡: html: <html> <head></head> <body> <div class="title login" style="color: #fff;font-size: 14px" id="personalInfo"> 你好, <span style="color:#fff;font-

fastclick.js解决移动端（ipad）点击事件反应慢问题

参考http://blog.csdn.net/xjun0812/article/details/64919063 http://www.jianshu.com/p/16d3e4f9b2a9 问题的发现上班做项目的时候碰到一个移动端项目,其中有个小游戏,相当于天上掉馅饼,用户需要点击馅饼获得.游戏做好之后在pc端测试是没问题的,安卓手机上测试也是没问题的,但是部分苹果手机就出现了问题,用户点击馅饼没有反应. 后来调试的时候,我让这些馅饼静止在屏幕上,这些苹果手机用户就可以点击了.才发现是因为点击

jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递

前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问题. 但是这么做的后果,在jquery1.8.2版本及以后所有版本(截止目前最新版本为3.3),会出现事件来回传递的问题,最终导致无限循环. 在jquery1.2.6版本中,子元素的点击传递给父元素时,再被父元素传递回来后,事件就不会再向外扩散了,也就是低级版本jquery只会向外扩散一次,但是在

【Android】按钮点击事件的常用写法

学习总结: 最近学习了Android点击事件的常用写法.点击事件会触发监听对象身上的回调,常用写法有以下四种: 方法一:使用匿名内部类. public class MainActivity extends AppCompatActivity { private Button btn_test; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); set

ListView中嵌套GridView点击事件

做一个项目时,需要在ListView中嵌套GridView,因为ListView的每个条目中不一定出现GridView,那么问题来了,添加GridView的Item的点击事件后,有GridView出现的条目中,ListView的Item点击事件无法触发,这时我们就需要设置ListView的Item条目的外层容器中添加属性“android:descendantFocusability="blocksDescendants"”,这样,就可以在GridView的Item点击事件生效时,同时也

手机点击事件延迟触发

热门专题