位置: 编程技术 - 正文
jQuery基于$.ajax设置移动端click超时处理方法
编辑：rootadmin推荐整理分享jQuery基于$.ajax设置移动端click超时处理方法，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jQuery基于$.ajax设置移动端click超时处理方法。分享给大家供大家参考，具体如下：
这里介绍jquery click事件如何在移动端自动转换成touchstart事件。
因为移动端click事件会比touchstart事件慢几拍
移动设备某个元素上事件执行顺序是：
touchstart
touchmove
touchend
click｛mousedown->mousemove->mouseup｝
click事件在移动设备上虽然会识别但却是最后一个执行的，所以如果不把click事件换成touchstart事件的话，就可能造成延时导致交互上也慢了几拍
所以在移动端最好把click事件换成touchstart事件。
那么如何添加事件比较简单呢.
于是乎有了以下这种写法：
这样在pc端浏览器上面alert只执行一次，触发的事件是mousedown
在ios设备safari浏览器上面alert也只执行一次，触发的事件是touchstart
为什么只执行一次？
秘密在于当执行的是touchstart后，preventDefault掉了后面的click就不执行了，“非常完美”.
^_^! 一如既往的android设备蛋疼是必须的，测试发现除qq浏览器外其它浏览器都会alert两次
也就是说touchstart和mousedown的handle函数都执行了， 似乎是e.preventDefault()没有起作用。具体原因不明...
因为要兼容，所以就没办法了只能通过判断是否支持touch事件来分别添加事件了..
那就扩展一个jquery方法插件吧仿一个on方法的插件方法比如名称为quickOn，（如果你连on方法怎么用都不知道，那你就走吧，离开这里...）
quickOn虽然名字尴尬了一点，但是能用，例如：
额。。后来想想，为什么不直接重载jquery的on方法呢？？
来吧，试试
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
jquery动态切换背景图片的简单实现方法 本文实例讲述了jquery动态切换背景图片的简单实现方法。分享给大家供大家参考，具体如下：(function(){varbgCounter=0,backgrounds=["Images/BACKGROUND_1_TEST.png","Image
jQuery基于扩展简单实现倒计时功能的方法 本文实例讲述了jQuery基于扩展简单实现倒计时功能的方法。分享给大家供大家参考，具体如下：jQuery.fn.countDown=function(settings,to){settings=jQuery.extend({startFon
jQuery防止重复绑定事件的解决方法 本文实例分析了jQuery防止重复绑定事件的解决方法。分享给大家供大家参考，具体如下：一、问题：今天发现jQuery一个对象的事件可以重复绑定多次，
标签: jQuery基于$.ajax设置移动端click超时处理方法
本文链接地址:https://www.jiuchutong.com/biancheng/386566.html 转载请保留说明！上一篇：jQuery基于扩展实现的倒计时效果(jquery 扩展事件)
下一篇：jquery动态切换背景图片的简单实现方法(jquery动态改变样式)
