jQuery事件基础篇(2)

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


jQuery事件基础篇(2)_第1张图片
Paste_Image.png

2.on的委托机制


jQuery事件基础篇(2)_第2张图片
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:根据绑定到匹配元素的给定事件类型执行所有的处理程序和行为,支持自定义事件,并且定义时间还支持传递参数

你可能感兴趣的:(jQuery事件基础篇(2))