• jq的事件对象的属性


    1.event.type()

    该方法的作用是可以获取到时间的类型

    $('a').click(function(){

      alert(event.type);//获取事件类型

      return  false;//阻止链接跳转

    })

    //以上代码返回 click

    2.event.preventDefalut()

    该方法是阻止默认的事件行为,javascript中符合w3c的preventDefalut()的方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器。

    3.event.stopPropagation()

    该方法是阻止事件的冒泡,javascript中符合w3c的stopPropagation()方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器。

    4.event.target()

    该方法是获取到触发时间的元素,jq对其进行了封装,避免了w3c,IE和safari浏览器不同标准的差异

    $('a[href='baidu.com']').click(function(event){

      alert(event.target.href)//获取触发事件a元素的href属性值,

      return false;//阻止默认事件

    })

    代码运行返回 baidu.com

    5.event.relatedTarget()

    在标准的DOM中,mouseover和mouseout所发生的元素可以通过event,target()方法来访问,相关元素是通过event.relatedTarget()方法来访问的,event.relatedTarget()方法在mouseover中相当于IE浏览器的event.fromElement(),mouseout相当于IE浏览器的event.toElement(),jq对其进行了封装,使之能兼容各个浏览器。

    6.event.PageX()和event.PageY()

    该方法是获取到光标相对于页面的 x坐标和y坐标,如果没有使用jq时,那么IE浏览器中是用event.x()/event.y()方法,而火狐浏览器中是用event.pageX()/event.pageY(),如果页面上有滚动条,还要加上滚动条的宽度和高度,在IE浏览器中还应该减去2px的边框。

    7.event.which()

    该方法的作用是在鼠标单击事件中,获取到鼠标的左,中,右键,在键盘事件中获取键盘的按键。

    8.event.metaKey()

    针对不同浏览器对键盘中的<ctrl>按键解释的不同,jq也进行了封装,并规定event.metaKey()方法为键盘事件中获取<ctrl>按键

    9.event.originalEvent()

    该方法的作用是指向原始的事件对象

  • 相关阅读:
    LeetCode 139. Word Break
    Amazon behavior question
    学习笔记之100 TOP Ikm C++ Online Test Questions
    学习笔记之IKM C++ 11
    学习笔记之C/C++指针使用常见的坑
    LeetCode 208. Implement Trie (Prefix Tree)
    队列 & 栈//岛屿的个数
    队列 & 栈//设计循环队列
    队列 & 栈//设计循环队列
    查找表类算法//存在重复元素 III
  • 原文地址:https://www.cnblogs.com/susanws/p/5430972.html
Copyright © 2020-2023  润新知