jQuery事件基础篇(2)

1.on()的多事件绑定 .on(event[,selector][,data])


Paste_Image.png

2.on的委托机制


Paste_Image.png

3.通过.on()绑定的事件处理程序,通过off()方法移除该绑定

4.事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有在事件发生时才会产生,并且只能是事件处理函数内部访问,在所有的事件处理函数运行结束后,事件对象就被销毁

5.event.target可以是注册时候的属性,或者它的子元素。通常通过比较event.target和this来确定是不是由于冒泡出发的。经常用于事件冒泡时处理事件委托

6.简而言之,event.target代表当前触发事件的元素, 可以通过当前元素的一系列属性来判断是不是我们想要的元素

7.jQuery事件对象的属性和方法
event.type:获取事件的类型
event.pageX和event.pageY:获取鼠标当前相对于页面的坐标
event.preventDefault()方法:阻止默认行为
event.stopPropagation方法:阻止事件冒泡
event.which:获取鼠标单击时,单击的是鼠标的哪个键
this和event.target的区别:
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
.this和event.target都是dom对象
如果要使用jquey中的方法可以将他们转换,为jquery对象:$(this)和$(event.target);比如:event.target和$(event.target)的使用

8.原生事件:浏览器提供的,需要有交互才能被触发

9.trigger:根据绑定到匹配元素的给定事件类型执行所有的处理程序和行为,支持自定义事件,并且定义时间还支持传递参数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容