jQuery事件

Posted 2021-01-02 chuanzi

jQuery事件

1、事件绑定

1.1、jQuery中有两种绑定事件方式

jqobj.eventName(fn)：编码效率略高/ 部分事件jQuery没有实现,所以不能添加

jqobj.on("eventName", fn):编码效率略低/ 所有js事件都可以添加

1.2、注意点: 两种方式可以混用，都可以同时添加多个相同或者不同类型的事件,不会覆盖

2、事件移除

off()方法对应on()方法，用于事件移除

如果不传递参数, 会移除所有的事件：jqobj.off();

如果传递一个参数, 会移除所有指定类型的事件：jqobj.off("eventName");

如果传递两个参数, 会移除所有指定类型的指定事件：jqobj.off("eventName", fn);

3、事件冒泡和默认行为的阻止

3.1、阻止事件冒泡： 在事件的回调函数中return false;或者事件回调函数接收event参数，调用event.stopPropagation()方法

3.2、阻止默认行为： 监听该事件并return false;或者事件回调函数接收event参数，调用event.preventDefault()方法

4、事件自动触发

jqobj.trigger("eventName");会触发事件冒泡和默认行为（a标签例外）

jqobj.triggerHandler("eventName");不会触发事件冒泡和默认行为

补充：自定义事件，使用jqobj.on("eventName",fn)定义事件，自定义事件只能自动触发

5、事件命名空间

使用jqobj.on("eventName",fn)定义事件时，可以将命名空间绑定在事件类型上：jqobj.on("eventName.space",fn)

命名空间有助于分辨事件的定义者