位置: 编程技术 - 正文

jQuery事件委托之Safari(jquery事件委托原理)

编辑:rootadmin

推荐整理分享jQuery事件委托之Safari(jquery事件委托原理),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jqueryon事件委托,jquery中事件委派,jq事件委托的方法,jquery中事件委派,jqueryon事件委托,jquery中事件委派,jqueryon事件委托,jquery实现事件委托,内容如对您有帮助,希望把文章链接给更多的朋友!

什么是事件委托

事件委托是Jquery中一种事件绑定的方式,不同于常见的事件绑定方式将事件绑定在目标元素上,而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。

事件委托的原理

事件委托将事件监听绑定在目标元素的父级上,当目标元素响应事件时冒泡到绑定事件的父级上,进行判断该事件的目标元素是否是传入的元素,如果是就执行传入的函数。

没有做任何的兼容以及其他处理,只是为了了解原理,大家有什么问题可以留言指出。事件委托有什么用呢

说这么多东西,到底事件委托有什么用呢?我认为事件委托最大的好处在于,动态生成的元素还会保留原有的事件绑定。

今天的主题,事件委托之Sarfari

一次项目中遇到的问题,click事件委托在移动端的safari上失效了

jQuery事件委托之Safari(jquery事件委托原理)

看上面的代码,很简单吧,没什么问题吧,除了ios的safari,其他浏览器都能正常的弹出“ok”,一开始想到会不会是什么有地方把冒泡阻止了,但是没有找到,jq的问题?,换了还是不行。正常的绑定(不使用事件委托)没问题,其他想到会不会是jq的bug,如果是jq的bug,那么以前的项目也会有类似的bug,于是到线上去找相关的代码

在安卓和ios设备上测试,没有任何问题,代码都差不多啊,但是大家注意到没,标签不一样(html语义化多重要啊),于是将p换成a,问题完美解决,最后去谷歌了一下。

ios的safari中当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效。

原因很清楚了,safari中不可点击元素的click事件不会冒泡到document和body上。

解决办法

1.将click事件直接绑定到元素上(不使用事件委托)

2.需要绑定click事件的元素改成<a>或者<button>等可点击元素

3.将click事件委托到非doucument或body的父级元素上

4.给目标元素添加一条css样式 cursor:pointer(推荐这种,方便省事)

以上所述是小编给大家介绍的jQuery事件委托之Safari,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery获取浏览器类型和版本号的方法 废话不多说,关键代码如下所示:$(document).ready(function(){varbrow=$.browser;varbInfo="";if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;}if(brow.mozilla){bInfo="MozillaFir

jQuery 3.0十大新特性 jQuery3.0在日前发布了最终的全新版本。从年月,jQuery团队对这个主要大版本进行维护开始,web开发者社区便一直在期待着这一刻的到来,终于在

Spring MVC中Ajax实现二级联动的简单实例 今天写项目遇到了二级联动,期间遇到点问题,写个博客记录一下。后台Controller:@RequestMapping("/faultType")@ResponseBodypublicMapString,ObjectfaultType(intid,HttpServlet

标签: jquery事件委托原理

本文链接地址:https://www.jiuchutong.com/biancheng/385841.html 转载请保留说明!

上一篇:JQuery组件基于Bootstrap的DropDownList(完整版)(jquery.browser)

下一篇:jQuery获取浏览器类型和版本号的方法(jquery获取浏览器宽度)

  • 个税汇算清缴系统找不到扣缴义务人
  • 发票丢失第一联盖章能用么
  • 房地产税收有哪些
  • 车船税减免税优惠政策
  • 水利建设基金计费方式
  • 济南非税是什么意思
  • 合并报表成本法和权益法区别
  • 利润和营收哪个更重要
  • 小规模纳税人季度超过45万怎么交税
  • 旧房转让土地增值税计算案例
  • 计算应交消费税需要扣除代收代缴消费税吗
  • 捐赠利得会计分录
  • 应付账款 暂估
  • 房地产契税新政策2021退税
  • 未取得支付工程款的发票怎么做账?
  • 企业长期股权投资中发生的相关费用处理方法正确的有
  • 企业收到跨年度的政府补贴款,是否计入当年企业所得税
  • 土地租金一次付清的会计处理怎么做?
  • 技术转让收入是指当事人履行
  • 收到子公司分红需要交所得税吗?
  • 物业公司代收供暖费,可以开发票吗
  • 报税没有报怎么办
  • 非居民纳税人怎么纳税
  • 应收单据处理包括哪些
  • 知识产权代理公司前景如何
  • win10专业版激活密钥永久2023
  • 资产负债率如何评价
  • 工资和薪金是一回事吗
  • mmc.exe是什么进程
  • 支付人工费会计科目
  • 月末结转营业税金及附加分录
  • 分期付款购买的商品
  • window10怎么取消快捷方式
  • 用php写个简单的编程
  • php实现上传文件
  • 融资性租赁会计处理计入固定资产
  • 员工购买住房公积金申请
  • 总公司下的分公司如何做账
  • 写一个php访问数据库并读取数据的脚本
  • js实现拖拽选区的功能
  • php 数学函数
  • discuz关闭电脑版
  • 发票失控进项转出
  • 补收入账是什么意思
  • 免税收入包括
  • 增值税报销是什么意思
  • java同步操作
  • mongodb视频教程
  • 独立核算的分公司可以汇总纳税吗
  • 公司自有房产出租给员工如何处理
  • 公司如何帮员工补缴社保
  • 本期销项税额怎么算
  • 小微企业享受免税吗
  • 利润分配账务处理例题
  • 定货还是订货
  • 管理费用借方贷方
  • 应交税费科目怎么调整
  • 房地产公司退房款怎么做账
  • 出口退税勾选后电子税务局查不到发票
  • 建筑行业总产值占我国GDP的比重
  • 建账是啥意思
  • 简单介绍linux系统有哪些主要特点?
  • windows2003文件服务器
  • windows字体不显示
  • linux rsyslogd
  • linux开机后怎么进去系统
  • win10系统虚拟机安装教程win7
  • 高手养成计划 小说
  • win10安装win8双系统
  • 宽带连接错误628win10
  • div滚动条怎么设置
  • 如何使用jquery插件
  • jquery监听页面刷新
  • linux 监视器
  • 电脑怎么自动清除垃圾
  • shell脚本windows
  • unity3d脚本怎么用
  • shell脚本实现Linux运维监控
  • Android性能优化的方面12个
  • 司法拍卖车免除扣分吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设