jquery冒泡事件绑定事件是捕获还是冒泡

[data]:可选参数代表事件发生时所傳递的数据(了解)

[data]:可选参数,代表事件发生时所传递的数据(了解)

type:要移除的事件类型如果不写代表移除所有事件

例1:使用bind方法為元素绑定相关事件

运行结果:弹出hello,弹出world所以由此可知,在jquery冒泡事件中事件绑定都是通过事件监听的形式进行实现的且调整了兼容性問题以及事件的触发顺序

例2:一次为元素绑定多个事件

例3:使用one方法为元素进行一次绑定

例4:使用unbind方法移除事件

在原生Javascript代码中,移除事件必须有一个前提:在进行事件绑定时其事件处理程序必须是一个有名函数,这一点在jquery冒泡事件可以不需要指定

事件绑定中的this在原生Javascript玳码中,存在一个特殊的关键词this其随着运行环境的不同其指向也是不同的:① 在行内绑定中,this指向全局的window对象② 在动态绑定中this指向当湔正在操作的dom对象③ 在事件监听中,IE内核浏览器下this指向全局window对象,W3C内核浏览器下指向当前正在操作的dom对象在jquery冒泡事件中,其调整了事件监听中关键词this的指向统一更改为指向当前正在操作的dom对象。

运行结果:div元素更改了背景颜色所以由此可知:在jquery冒泡事件中实现事件綁定时,其事件处理程序内部的this关键词指向了当前正在操作的dom对象

版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

版权声明:此文首发于我的个人站,转载请注明出处

jquery冒泡事件中的事件绑定,都是属于事件冒泡

jquery冒泡事件中绑定事件处理函数的几种方式,都不允许我们传递事件类型(是事件冒泡还是事件捕获)。例如:

eventsMap - Object类型一个Object对象其每个属性对应事件类型和可选的命名空间(参数events),属性值对应绑定的事件处理函数(参数handler)
selector - 可选/String类型一个jquery冒泡事件选择器,用于指定哪些后代元素可以触发绑定的事件如果该参数为null或被省略,则表示当前元素自身绑定事件(实際触发者也可能是后代元素只要事件流能到达当前元素即可)。
data - 可选/任意类型触发事件时需要通过event.data传递给事件处理函数的任意数据。

event - 必须字符串,指定事件名

注意: 不要使用 “on” 前缀。 例如使用 “click” ,而不是使用 “onclick”。

function - 必须指定要事件觸发时执行的函数。

当事件对象会作为第一个参数传入函数 事件对象的类型取决于特定的事件。例如 “click” 事件属于 MouseEvent(鼠标事件) 对象。
useCapture - 可選布尔值,指定事件是否在捕获或冒泡阶段执行

true - 事件句柄在捕获阶段执行

阻止事件传播的2种方式

抄袭、复制答案以达到刷声望汾或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号是时候展现真正的技术了!

我要回帖

更多关于 jquery冒泡事件 的文章

 

随机推荐