位置: 编程技术 - 正文

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事件。

那么如何添加事件比较简单呢.

于是乎有了以下这种写法:

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

这样在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动态改变样式)

  • 增值税减免税申报明细表免税代码和名称
  • 收入入账会计分录
  • 百分百控股的企业是否负连带责任
  • 政府单位临聘人员辞退
  • 社保次月什么时候到账
  • 其他权益工具投资是什么类科目
  • 航运(集团)招聘
  • 行政性罚款可以扣除吗
  • 对非本单位的营销方案
  • 失控进项发票转出 补税做账
  • 小规模纳税人代收水电费税率
  • 加速折旧的例子
  • 物业收租金必须要发票吗
  • 小公司发工资怎么做账
  • 子公司借款给母公司要交税吗
  • 员工垫付差旅费 民间借贷
  • 合同银行账户与开票信息不一致会计如何处理
  • 无法取得发票的费用如何入账
  • 应收预收账款属于什么科目
  • 办公室装修合同印花税怎么缴纳?
  • 个人股东分红如何合理避税
  • window10 怎么避免弹窗广告
  • 房地产车位收入做账
  • 没有实缴的股份转让要交个人所得税吗
  • efi系统分区能删除吗win10
  • 王者荣耀如何更改战区
  • win10家庭最新版
  • ie增强的安全配置已启用上不了网
  • 购入的车辆入账包括哪些费用
  • 红字专用发票是红色的吗
  • 修改注册表限制cpu速度
  • launcher.exe是什么,每次开机都是否需要进行更改
  • 制造费用主要包括哪些费用
  • Get请求报错404出现原因及解决办法
  • 物资销售经营范围
  • 建筑设备出租并配备人员
  • laravel 5.3中自定义加密服务的方案详解
  • 机器学习评估指标 - f1, precision, recall, acc, MCC
  • 开具劳务费发票的资料
  • 上年度会计凭证怎么填写
  • gin框架使用案例
  • 公司收到个人汇款怎么开发票
  • 劳务发票去哪里开
  • sql server 2016使用
  • sqlserver数据库安装步骤
  • 公允价值变动损益借贷方向增减
  • 跨月发票作废如何恢复
  • 4s店交首付分期多久
  • 成本类账户期末如有余额在借方
  • 国有独资企业董事会成员组成规定
  • 失业保险金退回短信
  • 企业变卖汽车收入要交增值税吗
  • 火车票进项抵扣需要认证吗
  • 其他应收款减值损失可以转回吗
  • 企业建账可以处于哪几个阶段
  • sqlserver高可用集群搭建
  • ubuntu无法安装增强功能
  • linux挂载yum
  • linux块设备读写和回写
  • linux wc命令详解
  • linux 压缩rar
  • win7旗舰版系统激活密钥
  • win8系统怎么设置桌面
  • win7系统迁移到另一磁盘
  • win10安全问题
  • ubuntu20安装unity桌面
  • OpenGL ES Emulator比较
  • python文本怎么运行
  • 浅蓝色html代码
  • 深入理解新发展理念
  • 关于javascript函数
  • jquery弹出提示框
  • 中国税务定额发票怎么开
  • 工会经费网上怎么申报
  • 税务总局各司领导名单
  • 车辆购置税是财行税吗
  • 2022款进口途锐
  • 年税怎么扣
  • 甘肃是什么时候属于中国的
  • 如何抵扣缴纳增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设