美文网首页渗透安全
JavaScript事件详解

JavaScript事件详解

作者: Adapa | 来源:发表于2017-07-16 16:25 被阅读3次
    1.事件流:
               描述的是在页面中接受事件的顺序
    2.事件冒泡:
               由具体的元素接受,然后逐级向上传播至最不具体的元素的节点(文档)
    3.事件捕获:
               最不具体的节点先接收事件,而最具体的节点应该是最后接收事件
    

    <h1>事件处理</h1>

    1.HTML事件处理:
                       直接添加到HTML结构中
    2.DOM0级事件处理:
                      把一个函数赋值给一个事件处理程序的属性
    3.DOM2级事件处理:
                       addEventListener("事件名",“事件处理函数”,“布尔值”);
                       true:事件捕获
                       false:事件冒泡
                      removerEventListener();
    4.IE事件处理程序:
                    attachEvent;
                    detechEvent;
    
    DOM0级事件 DOM0级事件 DOM2级事件
    EventListener多事件不会被覆盖掉
    

    <h2>事件对象</h2>

    1.事件对象:
                在触发DOM事件的时候回产生一个对象
    2.事件对象event:
               1.type:获取事件类型
               2.target:获取事件目标
               3.stopPropagation():停止事件冒泡
               4.preventDefault():阻止事件默认行为
    
    type属性 target获取事件目标 preventDefault阻止事件默认行为

    相关文章

      网友评论

        本文标题:JavaScript事件详解

        本文链接:https://www.haomeiwen.com/subject/pqgwhxtx.html