位置: 编程技术 - 正文

jQuery 1.9.1源码分析系列(十)事件系统之绑定事件(jquery animate源码)

编辑:rootadmin

推荐整理分享jQuery 1.9.1源码分析系列(十)事件系统之绑定事件(jquery animate源码),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery源码实现原理,jquery源码是什么水平,jquery源码实现原理,jquery animate源码,jquery.min.js源代码,jquery源码是什么水平,jquery.min.js源代码,jquery源码实现原理,内容如对您有帮助,希望把文章链接给更多的朋友!

事件绑定的方法有很多种,使用了jquery那么原理那种绑定方式(elem.click = function(){...}))就不太想推荐给大家了。最主要的原因是elem.click=fn这种方式只能绑定一个事件处理,多次绑定的只会保留最后一次绑定的结果。

下面给大家介绍jquery绑定事件的方式有哪些吧。

比如eventType指的是事件类型,比如click: $("#chua").click(fn);

data这个参数一般都不会使用。这种方式事件绑定在("#chua")上,没有委托事件,和js原生的事件绑定更接近。我们看一下源码

  比如$("#chua").bind("click",fn)。直接将事件绑定到$("#chua")上,没有委托事件。源码

  顾名思义delegate这个函数是用来做事件委托的,将选择器selector对应的响应处理委托给当前jQuery所匹配的元素。

  比如:$(document).delegate('#big',"click",dohander);分析到这里顺便分析一下事件委托的处理流程。

  当点击"#big"元素的时候,事件click会冒泡直到document节点;

  document绑定了处理事件,这个处理事件会调用到事件分发器dispatch;

  dispatch中取出对应事件类型click的所有的委托事件列表handlers;

  根据事件源event.target过滤出委托事件列表handlers中每一个元素的selector属性对应的节点处于事件原和委托节点document之间(包括事件源)的委托事件,保存为handlerQueue;

  执行handlerQueue里面的事件处理。

  上面是一个大致的流程,后续会详细分析。先看delegate源码

  通过one()函数绑定的事件处理函数都是一次性的,只有首次触发事件时会执行该事件处理函数。触发之后,jQuery就会移除当前事件绑定。

  比如$("#chua").one("click",fn);为#chua节点绑定一次性的click事件

  $(document).one("click","#chua",fn);将#chua的click事件委托给document处理。源码

  trigger触发jQuery对象所匹配的每一个元素对应type类型的事件。比如$("#chua").trigger("click");

  triggeHandler只触发jQuery对象所匹配的元素中的第一个元素对应的type类型的事件,且不会触发事件的默认行为。

jQuery 1.9.1源码分析系列(十)事件系统之绑定事件(jquery animate源码)

  上面分析了那么些个事件绑定,有么有发现他们都是使用.on方式绑定的?这也是为什么提倡统一使用on来绑定的原因(one方式除外)。

  .on的事件绑定一半的代码都实在处理传递不同参数的处理,这也是jQuery的口号Write less, do more的代价吧。最终使用jQuery.event.add来绑定事件。

  jQuery.event.add绑定事件有几个比较关键的地方:

  第一个,使用内部缓存来保存节点elem的事件信息

  第二个,设置绑定事件信息,特别是指定的选择器selector、响应处理handler、响应事件类型type、命名空间namespace

  第三个,节点的事件列表中,真正的委托事件列表放置在前面,和delegateCount属性同步,即events.click.length假设为3,events.click.delegateCount假设为2。那么events.click[0]和events.click[1]所指定事件是委托事件。第三个events.click[2]对应的事件不是委托事件,而是节点自身的事件。

  源码和添加事件后的结构上一章已经分析,详情请点击查看

  绑定有一个公用函数jQuery.fn.on。解绑同样有一个公用函数jQuery.fn.off

  这里的传参有个比较特殊的情况:当types是浏览器事件对象event的时候,表示要去掉(解绑)委托节点上event.selector指定的委托事件

  无论如何最终都是调用jQuery.event.remove函数来解绑事件。

  jQuery.fn.off完整的源码如下

  接下来分析一下事件解绑的低级api jQuery.event.remove。

jQuery.event.remove

  jQuery使用.off()函数伤处绑定的事件时内部调用的基础函数是jQuery.event.remove。该函数的处理流程如下

  1. 分解传入的要删除的事件类型types,遍历类型,如果要删除的事件没有事件名,只有命名空间则表示删除该命名空间下所有绑定事件

  2. 遍历类型过程中,删除匹配的事件,代理计数修正

  3. 如果节点上指定类型的事件处理器已经为空,则将events上的该类型的事件处理对象移除

  4. 如果节点上没有任何绑定的事件,则清空事件处理入口handle

拓展: 浏览器事件删除jQuery.removeEvent

以上内容是小编给大家介绍的jQuery 1.9.1源码分析系列(十)事件系统之绑定事件,希望大家喜欢。

jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构 又是一个重磅功能点。在分析源码之前分析一下体系结构,有助于源码理解。实际上在jQuery出现之前,DeanEdwards的跨浏览器AddEvent()设计做的已经比较优

jquery实现表格隔行换色效果 本文实例讲述了jquery实现表格隔行换色效果的代码。分享给大家供大家参考。具体如下:运行效果截图如下:具体代码如下:1、新建一个web项目,jQuery

jquery通过扩展select控件实现支持enter或focus选择的方法 本文实例讲述了jquery通过扩展select控件实现支持enter或focus选择的方法。分享给大家供大家参考,具体如下:/****************************************@authorjdkleo*@da

标签: jquery animate源码

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

上一篇:基于Jquery代码实现手风琴菜单(使用jquery实现的项目)

下一篇:jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构(jquery fadein 源码)

  • 法人能去税务局买票吗
  • 一般纳税人改成小规模纳税人
  • 信息技术费如何做账
  • 弥补上年亏损的成语
  • 分期手术
  • 企业必须要现金流入吗
  • 其他业务活动包括
  • 没有收入是否可以入党
  • 个人所得税返还奖励财务人员做账
  • 计提附加税的会计分录
  • 一般纳税人企业所得税政策最新2023
  • 取得专用发票不交增值税
  • 企业所得税多交了必须退税吗
  • 防暑降温费如何做账
  • 检查所得税发现纳税差异如何调账?
  • 稻谷增值税税率多少
  • 企业分红给企业股东怎么交税
  • 外购公司的长期投资如何做账
  • 应收款项核销的原因
  • mac文件怎么用
  • 参加失业保险本期实际缴费金额包括员工承担部分吗?
  • 企业收到财政资金
  • 公司投资理财产品
  • 工程建设期间的借款利息
  • 调整以前年度的收入怎么入账
  • php生成1到100的数组
  • node.js和npm
  • PHP:pg_last_error()的用法_PostgreSQL函数
  • 短期借款帐务处理
  • 城市维护建设税计入什么会计科目
  • 会计人员准则
  • php发送邮箱
  • 其他综合收益的借贷方向
  • 股东投资款超过注册资金的案例
  • 施工水电费账务处理流程
  • 为什么社保卡里有钱
  • PhoneGap was accuriqed by adobe
  • dedecms 收费
  • 生产车间发放工资
  • 自然人独资和个人独资是一样的吗
  • 小规模纳税人不超过30万怎么做账
  • 开具红字增值税普通发票
  • 网银数字证书年费
  • 服务费的增值税可以抵扣吗
  • 收回已确认并转销的应收账款会导致坏账准备的金额增加
  • 自产产品用于不动产
  • 房地产企业何时确认收入结转成本
  • 销售收入分成率公式
  • 企业优惠政策是什么意思
  • 虚开发票但是没有成本如何做账?
  • 季节性移动的原因
  • 用友t3固定资产反结账的操作步骤
  • 暂估入库一直没有发票
  • 预期信用损失影响损益吗
  • 农民专业合作社法
  • 营业执照经营范围怎么变更
  • windows下mysql安装配置教程
  • mysql远程访问不了
  • windows如何创建桌面快捷方式
  • win7系统资源管理器频繁未响应
  • 优化什么建立生育支持政策体系
  • centos7添加ip地址
  • window英语
  • rasman.exe - rasman是什么进程 有什么作用
  • win8.1开机音乐
  • [置顶] 此外,车牌号:458143(懂得都懂[吃瓜])
  • 程序员要求高吗
  • 音频焦点图广告
  • unity dc
  • node中的事件循环
  • javascript的主要内容
  • 如何搭建python项目架构
  • 运输公司抵扣
  • 电子签章在电脑上怎样加印章
  • 家政公司的清洁工具
  • 财税专家刘杨简历
  • 劳保费如何入账
  • 姓名章加不加印字
  • 贵州泉源会计服务有限公司花溪店位置
  • 贵州省税务局领导介绍
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设