jQuery事件(2)
键盘事件
(一)、keydown()(鼠标按下)事件 & keyup()(鼠标弹起)事件
keydown事件:每次获取的内容都是之前输入的,当前输入的获取不到。
(二)、keypress(鼠标)
keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。
注意:keypress事件与keydown和keyup的主要区别
只能捕获单个字符,不能捕获组合键
无法响应系统功能键(如delete,backspace)
不区分小键盘和主键盘的数字字符
多事件处理
on()的多事件绑定
基本用法:.on( events ,[ selector ] ,[ data ] )
如:$("#elem").on('click',function(){})
多个事件绑定同一个函数
$("#elem").on("mouseover mouseout",function(){ });
多个事件绑定不同函数
$("#elem").on({
mouseover:function(){},
mouseout:function(){}
});
off() 方法移除事件绑定
1、删除一个事件
$("elem").off("mousedown")
2、删除所有事件
$("elem").off("mousedown mouseup")
快捷方式删除所有事件,这里不需要传递事件名了,节点上绑定的所有事件讲全部销毁
$("elem").off()
jQuery事件对象的属性和方法
1、event.type:获取事件的类型
2、event.pageX 和 event.pageY
获取鼠标当前相对于页面的坐标
3、event.preventDefault() 方法
阻止默认行为
4、event.stopPropagation() 方法
阻止事件冒泡
5、event.which方法
获取在鼠标单击时,单击的是鼠标的哪个键
6、event.currentTarget 方法
在事件冒泡过程中的当前DOM元素
7、event.target
当前触发事件的元素