• 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()

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

  • 相关阅读:
    【01】Maven依赖插件之maven-dependency-plugin
    docker(六) 使用docker-maven-plugin插件构建docker镜像
    SpringBoot 打包配置去除第三方依赖包
    maven打包为jar文件时,解决scope为system的jar包无法被打包进jar文件的解决方案。
    SpringBoot入门之spring-boot-maven-plugin
    SpringBoot系列之—瘦身部署
    java之mybatis之模糊查询
    java之mybatis之查询及分页
    java之mybatis之占位符
    java之mybatis之使用mybatis实现crud操作
  • 原文地址:https://www.cnblogs.com/susanws/p/5430972.html
Copyright © 2020-2023  润新知