zoukankan      html  css  js  c++  java
  • Jquery:Jquery中的事件<二>

        这几天快忙死了,办了离职还得办入职,完全打乱了我的计划,但是能有一个理想的工作,还是很开心的,以后加把劲,争取把计划再赶上来!不说了,学习!!!

        五、事件对象的属性

        1、event.type:获取事件的类型,其中event是事件的对象。

        2、event.preventDefaule(),在上一个学习笔记中已经有介绍了,该方法是阻止默认的事件事件行为。event.stopPropagation(),该方法的作业是阻止事件的冒泡。

        3、event.target,它的作用是获取到触发事件的元素。通过返回值,可以获取元素的各种属性。

        4、event.pageX和event.pageY的作用是获取相对于页面的x坐标和y坐标。如果页面上有滚动条,则加上滚动条的高度和宽度。

        5、event.which,它的作用是在鼠标单击事件中获取到鼠标的左、中、右键。

        6、event.metaKey,它的作用是获取键盘上的<ctrl>按键。

        六、移除事件

        1、unbing(),此方法的作用是移除某元素绑定的事件,如果方法没有参数,则移除指定元素与包含此方法的事件类型相同的事件,如果有一个参数,则是移除选中元素中指定类型的事件,如果方法中有两个参数,则移除选中元素的指定类型与事件名称的事件。

        例:$("#delAll").click(function(){

           $("#btn").unbind(); //移除btn元素的click事件

           $("#btn").unbind("click"); //移除btn元素的click事件

           $("#btn").unbind("click",myFun); //移除btn元素的类型为click、方法名为myFun的事件

        });

        2、one(),它的作用是指定为元素绑定是事件只执行一次。

        例:$("#btn").one('click',myFun=function(){ //为btn元素绑定的myFun事件只执行一次

        });

        七、模拟操作

        模拟操作是指为元素指定的click事件不需要点击元素,则可触发事件。它用到的方法是trigger()。

        $("btn").trigger("click") //模拟触发btn元素的click事件。

        $("btn").trigger() //这种写法是上例的简化写法,效果同上。

        同时,此方法还可以模拟操作自定义的事件。

        $("btn").trigger("myFun") //模拟触发btn元素的myFun事件。

        模拟操作时还可以为所触发的事件传递参数。可以在trigger()方法中写两个参数,第一个参数代表要触发的事件,第二个参数代表要传递的参数,第二个参数需以数组形式传递。

        trigger()方法触发事件后,会执行浏览器默认操作。

        例:$("input").trigger("focus"); //触发“focus”后也会使<input>本身得到焦点。如果不想执行浏览器默认操作,则可用triggHandler()方法。

        今日学习、到此为止,睡觉 ~~~~

  • 相关阅读:
    补交20145226蓝墨云班课 -- 程序设计中临时变量的使用
    补交20145226蓝墨云班课 -- MyCP
    补交20145226蓝墨云班课 -- MyOD
    补交20145226蓝墨云班课 -- Arrays和String单元测试
    补交20145226蓝墨云班课 -- 后缀表达式
    20145226夏艺华 《Java程序设计》 课堂实践
    20145226夏艺华 网络对抗技术 EXP9 web安全基础实践
    (转载)充分理解QML的属性绑定
    (转载)UML类图中的六大关系:关联、聚合、组合、依赖、继承、实现
    (转载)链路层MTU的概念?为什么MTU值普遍都是1500?
  • 原文地址:https://www.cnblogs.com/liu-xiaob/p/3793562.html
Copyright © 2011-2022 走看看