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

当前触发事件的元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,628评论 2 10
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,360评论 0 8
  • 鼠标事件 .click() 单击 .dbclick()双击 .click() 不带任何参数,一般用来指定触发一...
    学开船不会开船阅读 475评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,526评论 1 11
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,295评论 0 6