Juery On事件的事件触发流程

使用On 给控件赋值事件的时候，你有没有觉得很神奇那，那是因为他事件处理流程比较特殊。

on()函数并不是为当前jQuery对象匹配的元素绑定事件处理函数，而是为它们的后代元素中符合选择器selector参数的元素绑定事件处理函数。on()函数并不是直接为这些后代元素挨个绑定事件，而是委托给当前jQuery对象的匹配元素来处理。由于DOM 2级的事件流机制，当后代元素selector触发事件时，该事件会在事件冒泡中传递给其所有的祖辈元素，当事件流传递到当前匹配元素时，jQuery会判断是哪个后代元素触发了事件，如果该元素符合选择器selector，jQuery就会捕获该事件，从而执行绑定的事件处理函数。

摘抄来源：http://www.365mini.com/page/jquery-on.htm

转载于:https://www.cnblogs.com/searchbaidu/p/5051170.html

Juery On事件的事件触发流程相关推荐

jQuery之事件绑定到触发全过程及知识点补充
前言: 最重要的还是最后的流程图,可以试着根据流程图手写实现$().on(),下篇文章会放出模拟实现的代码. 一.举例 <div id="A" style="bac ...
Android MotionEvent事件分发介绍与流程总结(伪代码形式）
如果要一句话简单总结的话,就是: 找到一个按照规则"消耗"掉MotionEvent.ACTION_DOWN事件的View,默认情况下,后继会把整个事件流都交给它来处 ...
22、Camunda 补偿事件、事务子流程、分布式事务一致性
Camunda 补偿事件.事务子流程.分布式事务一致性总结补偿事件 Compensation Event 事务子流程事务子流程中如果有取消事件,必须要有边界取消中断事件事务子流程外部可获取取消 ...
JavaScript点击事件-一个按钮触发另一个按钮
<input type="button" value="Click" id="C" οnclick="Go();" ...
jQuery事件3——trigger触发事件
作用:触发事件,可传参数为事件类型(包括自定义事件)和传递给事件处理程序的额外数组参数 [例1]传事件类型 <!DOCTYPE html> <html lang="en&q ...
el-table click事件多次触发_JavaScript从零开始——DOM事件编程（1）
事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现.DOM 支持大量的事件,本章开始,我们一起看看 DOM 的事件编程. 1 概念 DOM 的事件操作(监听和触发),都定义在Eve ...
div失去焦点事件onblur()不触发解决方法
需求: 做一个弹出框组件,文字点击时会在文字下方弹出一个框,在vue3中监听div元素的blur事件发现事件并不会在div失去焦点时触发解决方法 bug原因:在vue中div默认不触发事件,除非将元 ...
disabled与tap(input的disabled='disabled'时tap事件任可触发)
一个input按钮加上disabled="disabled"后,它身上zepto的tap事件任然会触发,但是click事件不会触发 <!DOCTYPE html> &l ...
Cesium 事件详解（鼠标事件、相机事件、键盘事件、场景触发事件）
Cesium 事件详解(鼠标事件.相机事件.键盘事件.场景触发事件) 1 Cesium中的事件根据使用情况,我把Cesium中的事件大体分为三种,即屏幕空间事件处理程序,屏幕空间相机控制器,场景触发 ...
jQuery 事件方法不触发的解决方法
jQuery 的事件方法诸如 click(),blur(),change() 等方法. 踩坑场景以前也使用过 jQuery 的事件方法,也觉得非常好用.昨天在一个 SSM 项目中使用 jQuery ...

Juery On事件的事件触发流程

Juery On事件的事件触发流程相关推荐

最新文章

热门文章

Juery On事件的 事件触发流程

Juery On事件的 事件触发流程相关推荐

最新文章

热门文章

Juery On事件的事件触发流程

Juery On事件的事件触发流程相关推荐