Jquery之事件(三)

一、鼠标事件

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事件









评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值