jQuery基于$.ajax设置移动端click超时处理方法

本篇章节讲解jQuery基于$.ajax设置移动端click超时处理方法。分享给大家供大家参考，具体如下：

这里介绍jquery click事件如何在移动端自动转换成touchstart事件。

因为移动端click事件会比touchstart事件慢几拍

移动设备某个元素上事件执行顺序是：

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程序设计有所帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!