码迷,mamicode.com
首页 > Web开发 > 详细

jQuery事件

时间:2018-08-10 21:16:51      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:触发事件   js事件   指定   调用   tde   命名空间   事件冒泡   default   一个   

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)

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

jQuery事件

标签:触发事件   js事件   指定   调用   tde   命名空间   事件冒泡   default   一个   

原文地址:https://www.cnblogs.com/chuanzi/p/9457097.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!