zoukankan      html  css  js  c++  java
  • 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()

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

  • 相关阅读:
    P2764 最小路径覆盖问题
    P2598 [ZJOI2009]狼和羊的故事
    P2472 [SCOI2007]蜥蜴
    P2057 [SHOI2007]善意的投票 / [JLOI2010]冠军调查
    P2050 [NOI2012]美食节
    P1345 [USACO5.4]奶牛的电信Telecowmunication
    P1251 餐巾计划问题
    hihocoder 1584 Bounce
    [CF132C] Logo Turtle
    CF1110D Jongmah
  • 原文地址:https://www.cnblogs.com/susanws/p/5430972.html
Copyright © 2011-2022 走看看