位置: 编程技术 - 正文

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

  • 房屋买卖终止协议
  • 上缴财政收入怎么做账
  • 经纪代理服务怎么做分录
  • 交易性金融资产借贷方向
  • 年化收益率和年利率的区别的例子
  • 营改增后非增值税应税项目包括哪些
  • 租赁车辆维修费谁承担
  • 已经在网上申报学校可以改学校吗
  • 最新契税优惠政策公告财政部
  • 红字发票打印乱码怎么办
  • 关于土地增值税若干问题的通知
  • 营改增小规模纳税人增值税纳税实务实训
  • 预缴企业所得税研发费用加计扣除
  • 公司注销欠法人款怎么帐务处理?
  • 提现的现金支票是什么
  • 外购固定资产进项税
  • 开票税额与申报税额差一分账务怎么处理
  • 低值易耗品属于资产类
  • windows11如何
  • 华为分享怎么用详细教程
  • 民间非营利组织有哪些
  • 查看电脑开机时间记录win10
  • win10打开txt
  • win10如何自定义鼠标指针
  • 事假扣款进什么科目
  • 外籍人员个人所得税计算
  • 暂估入库的税务分录
  • ssms注释
  • 印花税贴花怎么贴划线
  • 企业合并发生的审计费用,评估费用会计分录
  • html简单的游戏
  • eslint不起作用
  • 前端promise封装
  • 应收账款管理费会计分录
  • mybatis isnotempty标签
  • hostnamectl命令
  • python填写表格
  • python如何在画布上写字
  • 政府奖励需要缴纳增值税吗
  • 出售子公司股权不丧失控制权
  • 坏账损失计入损益表
  • 理财收益 投资收益
  • 企业固定资产报废账务处理
  • mongodb 安装
  • python命令行如何退出
  • 租车出差差旅费标准
  • 预提的费用当年必须冲掉吗
  • 增值税专用发票查询系统官方网站
  • sql使用cast进行数据类型转换示例
  • mysql 5.5.x zip直接解压版安装方法
  • 火车票丢了怎么办
  • 原材料的采购成本包括哪些
  • 暂估入库的税务怎么处理
  • 实收资本增减变化为负数的原因
  • 增值税一般纳税人认定标准
  • 企业购买房产怎么记账
  • 收到对公打款认证怎么入账
  • 工资及福利费科目
  • 出差开会总结怎么写
  • 税控服务费怎么记账
  • 实际发放工资的会计处理
  • 可供出售金融资产包括哪些内容
  • 销售已经使用过的固定资产税率
  • 收到转账支票怎么填
  • mysql在查询结果中查询
  • 升级完鸿蒙系统5G咋没有了
  • windows vista 版本
  • 王者自动更新怎么关
  • os x 10.10.5
  • linux系统的介绍
  • Node.js中的construct
  • 安卓安装两个不同版本软件
  • vue 父子组件通信
  • vue仿知乎
  • putty自动退出
  • JavaScript冒泡排序都不会写
  • android实现选择题模式
  • Mac Error Create Android Project - “Errors running builder 'Android Resource Manager' on project”
  • 税务文书保存期限分几类
  • 内蒙古国地税联合网厅
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设