美文网首页
jQuery事件(2)

jQuery事件(2)

作者: hsj_gg | 来源:发表于2018-06-14 20:34 被阅读0次

键盘事件

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

当前触发事件的元素

相关文章

  • 通过jquery动态添加的元素绑定事件

    1.一般通过jquery绑定事件# 2.通过jquery添加的元素绑定事件#

  • jQuery事件(2)

    键盘事件 (一)、keydown()(鼠标按下)事件 & keyup()(鼠标弹起)事件 keydown事件:每次...

  • jQueryMobile的基础知识

    1. jQueryMobile的概念 2. jQuery Mobile事件: 3. 下载jQuery Mobil...

  • jQuery基本操作

    1、jQuery选择器 2、选择集转移 3、jQuery样式操作 4、click事件 5、jQuery索引值 6、...

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • jQuery 事件机制

    jQuery 事件机制 1、on方式 语法 2、事件解绑 unbind ( ) 方式 和 undelegate (...

  • Day04(jQuery事件,事件绑定,demo 滑动解锁)

    jQuery 事件 原生JS带 on 的事件,去掉 on 就是 jQ 事件 1.单击事件 click(); 2.事...

  • jquery

    1.jquery加载 2.绑定click事件 3.jquery特殊效果 fadeIn() 淡入 fadeOut()...

  • jQuery知识整理

    jQuery jQuery和DOM关系 jquery框架对象分析 加载事件 事件绑定 动画效果 jquery封装的...

  • jqurey事件

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...

网友评论

      本文标题:jQuery事件(2)

      本文链接:https://www.haomeiwen.com/subject/sgcueftx.html