美文网首页
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事件(2)

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