zoukankan      html  css  js  c++  java
  • 事件对象

            event成员列表
                bubbles          Boolean     只读   表明事件是否冒泡
                cancelable       Boolean     只读   表明是否可以取消事件的默认行为
                currentTarget    Element     只读   其事件处理程序当前正在处理的事件的那个元素
                defaultPrevented Boolean     只读   DOM3中新增 为true表示已经调用preventDefault()
                detail           Integer     只读   与事件细节相关信息
                eventPhase       Integer     只读   调用事处理程序的阶段 1 事件捕获阶段 2 处于目标 3 事件冒泡
                preventDefault() Function    只读   取消事件的默认行为 如果cancelable是true 可以使用这个方法
                stopImmediatePropagation()   只读   DOM3中新增 取消事件的进一步捕获或者冒泡 同时阻止任何事件处理程序被调用
                stopPropagation() Function   只读   取消事件的进一步捕获或冒泡 如bubbles为true可以使用此方法
                target           Element     只读   事件的目标
                trusted          Boolean     只读   DOM3中新增 为true 表示事件是浏览器声成的 为false表示事件是由开发人员js创建的
                type             String      只读   被触发的事件类型
                view             AbstracVi   只读   与事件关联的抽象视图 等同于发生事件的window对象
        
            在事件处理程序中 this 始终等于 currentTarget的值 
            target包含事件的实际目标
        

    link baidu

    // var btn = document.querySelector(".btn");
            // btn.onclick = function (event) {
            //     alert( event.currentTarget == this); //true
            //     alert( event.target  == this)    // true
            // }
    
            // var btn = document.querySelector(".btn");
            document.body.onclick = function (event) {
                alert("event.eventPhase" + event.eventPhase)// 3 冒泡阶段 
                alert( event.currentTarget == document.body); //true
                alert( this == document.body ) 
                alert( event.target  == btn)    // true
            }
    
            var link = document.querySelector("a");
            link.onclick = function(event){
                // alert(event.bubbles)
                // event.stopPropagation();
                // alert(event.bubbles)
    
                alert(event.cancelable)
                alert(event.defaultPrevented) //false 未调用preventDefault
                event.preventDefault();
                alert(event.cancelable)
                alert(event.defaultPrevented) //true 调用preventDefault
    
                alert("can not link to baidu")
                alert("event.eventPhase" + event.eventPhase); // 2 目标阶段
            }
    

      

  • 相关阅读:
    JDBC异常总结
    MySQL查看最大连接数和修改最大连接数
    标量子查询 子查询执行次数计算公式
    left join 关联条件位置
    MySQL查看最大连接数和修改最大连接数
    MySQL查看最大连接数和修改最大连接数
    MySQL查看最大连接数和修改最大连接数
    MySQL查看最大连接数和修改最大连接数
    MySQL查看最大连接数和修改最大连接数
    MySQL查看最大连接数和修改最大连接数
  • 原文地址:https://www.cnblogs.com/liuxiankun/p/8098297.html
Copyright © 2011-2022 走看看