zoukankan      html  css  js  c++  java
  • jQuery中的事件处理(事件对象)

    1.打印对象属性:

      代码:

    <script type="text/javascript">
        //入口函数
        $(document).ready(function(e){
            $("button").bind("click",function(e){
                console.log(e)
            })
        })
    </script>

      输出:

      k.Event {originalEvent: MouseEvent, type: "click", target: button, currentTarget: button, isDefaultPrevented: ƒ, …}

      altKey: (...)  //是否点击

      bubbles: (...)

      cancelable: (...)

      changedTouches: (...)

      ctrlKey: (...)

      detail: (...)

      eventPhase: (...)

      metaKey: (...)

      pageX: (...)  //位置

      pageY: (...)  //位置

      shiftKey: (...)

      view: (...)

      char: (...)

      code: (...)

      charCode: (...)

      key: (...)

      keyCode: (...)

      button: (...)

      buttons: (...)

      clientX: (...)

      clientY: (...)

      offsetX: (...)

      offsetY: (...)

      pointerId: (...)

      pointerType: (...)

      screenX: (...)

      screenY: (...)

      targetTouches: (...)

      toElement: (...)

      touches: (...)

      which: (...)

      originalEvent: MouseEvent {isTrusted: true, screenX: 931, screenY: 215, clientX: 81, clientY: 18, …}

      type: "click"       // 事件类型

      isDefaultPrevented: ƒ Se()

      target: button   

      currentTarget: button  //触发当前事件的DOM元素

      relatedTarget: null  //返回与事件相关的节点

      timeStamp: 1961.6650000098161

      jQuery341047216147197495384: true

      delegateTarget: button

      handleObj: {type: "click", origType: "click", data: null, guid: 1, handler: ƒ, …}

      data: null

      __proto__: Object

  • 相关阅读:
    HTTP 错误 404.2
    SQL Server 2008 R2如何开启数据库的远程连接(转)
    CSS中font-family:中文字体对应的英文名称
    15/18位身份证号码正则表达式(详细版)
    C#获取系统时间及时间格式
    C#正则表达式判断输入日期格式是否正确
    Linux查看机器负载
    模拟HTTP请求超时时间设置
    MySQL show命令的用法
    innodb事务隔离级别
  • 原文地址:https://www.cnblogs.com/abner-pan/p/12897635.html
Copyright © 2011-2022 走看看