jQuery事件(2)

2018-06-14  本文已影响0人  hsj_gg

键盘事件

(一)、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

当前触发事件的元素

上一篇下一篇

猜你喜欢

热点阅读