A、click()监听用户单击操作,dbclick()监听用户双击操作
B、mousedown和mouseup事件
这两者的用法和click方法一样,三种形式。
Click是由mousedown和mouseup两个事件构成的。
C、mousemove 监听用户移动操作,使用方式与上面相同。
D、mouseover 鼠标移入时触发,mouseout鼠标移出是触发,用法同上。
E、mouseenter和mouseleave方法和D中的相似,但是这两个方法不会冒泡,即触及到哪就哪个作反应,而不是也触及上层做反应。
F、hover给元素做切换效果
G、focusin和focusout
二、表单事件
A、blur 和focus与focusin和focusout的区别是:blur和focus只作用于元素本身,不会产生冒泡。
B、change事件
例子:
C、select事件
Select事件只能用于input元素和textarea元素。
用法:三种。
触发元素的select事件。
D、submit事件
三、键盘事件
A、keydown()和keyup()
keydown()键盘按下是触发,keyup()键盘松开时触发
同样三种使用方法
注意:keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可以获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。
Keydown每次获取的内容都是之前输入的,当前输入的获取不到。
B、keypress()事件
总结:
四、事件的绑定和解绑
A、on()多事件绑定
鼠标事件,表单事件,键盘事件,都是给元素绑定一个处理函数,所有这类事件都是属于快捷处理。这写事件都只能绑定一个处理,而on的功能更加丰富:
而官方推荐的绑定事件的方法是on()方法。
基本使用方法:基本用法:.on( events ,[ selector ] ,[ data ])
功能:
1、多个事件绑定同一个函数
2、多个事件绑定不同函数
3、将数据传递到处理程序
on()的高级用法:
B、off()卸载事件
五、事件对象的使用
1、Jquery事件对象的作用
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁。
可以判断出,触发的是哪个li;
2、Jquery事件对象的属性和方法
六、自定义事件
1、trigger事件
.trigger是什么?
2、triggerHandler事件