• 事件对象


            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 目标阶段
            }
    

      

  • 相关阅读:
    微服务实战(二):使用API Gateway
    微服务实战(一):微服务架构的优势与不足
    在WIN7、WIN10操作系统用WebDAV映射网络驱动器需要的操作
    docker开机启动和docker-compose开机启动执行相应的各个docker容器
    /etc/rc.d/init.d自启动程序说明
    C# 通过反射实现对象映射:将2个属性相近的对象相互转换
    添加windows右键菜单:使用exe应用程序打开文件/文件夹
    .NET5 MVC Program.cs 笔记
    前端 JS 正则表达式积累
    VS Code 快捷键
  • 原文地址:https://www.cnblogs.com/liuxiankun/p/8098297.html
Copyright © 2020-2023  润新知