zoukankan      html  css  js  c++  java
  • 事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装)

    1. event.type(该方法是获取到事件的类型)

    $( 'a' ).click( function( event ){
        alert( event.type );      //click
        return false;    
    } )

    2.event.preventDefault()(该方法是阻止事件的默认行为,如:a链接的跳转行为,效果如同:return false)

    3.event.stopPropagation()(该方法是阻止事件冒泡行为,效果如同:return false)

    4.event.target(获取触发事件的元素)

    $( 'a[href="cccc"]' ).click( function(){
         var t = event.target;
         alert( t.href );      //cccc
         return false;
    } )

    5.event.relatedTarget(返回与事件的目标节点相关的节点。对于 mouseover 事件来说,该属性是鼠标指针移到目标节点上时所离开的那个节点。对于 mouseout 事件来说,该属性是离开目标时,鼠标指针进入的节点。对于其他类型的事件来说,这个属性没有用。)

    6.event.pageX与event.pageY(获取事件元素相对于页面中的坐标)

    7.event.which(获取按键值)

    //获取鼠标按键代码(1:鼠标左键;2:鼠标右键;3:鼠标右键)
    $( 'a' ).mousedown( function( event ){
        alert( event.which );
    } )
    
    //获取键盘按键代码
    $( 'input' ).keyup( function( event ){
        alert( event.which );
    } )

    8.event.metaKey(与event.which类似主要获取Ctrl按键)

  • 相关阅读:
    colock
    ToggleButton 和 Switch
    radioButon的使用
    kotlin中val和var的区别
    textEdit
    c++ 网络编程基础
    网格布局 GridLayout
    数组、指针和引用
    Hello Word
    Win7-U盘安装出现"We were unable to copy your files. "
  • 原文地址:https://www.cnblogs.com/zhangtianqi520/p/7066897.html
Copyright © 2011-2022 走看看