zoukankan      html  css  js  c++  java
  • IE和DOM事件流、普通事件和绑定事件的区别

    IE和DOM事件流的区别 
    IE采用冒泡型事件 Netscape(网络信息浏览器)使用捕获型事件 DOM使用先捕获后冒泡型事件 
    示例: 
    <body> 
       <div> 
          <button>click</button> 
       </div> 
    </body> 
    冒泡型事件模型:button->div->body (IE事件流) 
    捕获型事件模型:body->div->button (Netscape事件流) 
    DOM事件模型:body->div->button->button->div->body (先捕获后冒泡) 
    普通添加事件的方法:
    var btn = document.getElementById("btn");
    btn.onclick = function(){
        alert(1);
    }
    btn.onclick = function(){
        alert(2);
    }
    执行上面的代码只会alert 2 
    事件绑定方式添加事件:
    var btn = document.getElementById("btn");
    btn.addEventListener("click",function(){
        alert(1);
    },false);
    btn.addEventListener("click",function(){
        alert(2);
    },false);
    执行上面的代码会先alert 1再执行alert 2
    普通添加事件的方法不支持添加多个事件,最下面的事件会覆盖上面的,而事件绑定(addEventListener)方式添加事件可以添加多个!!!
  • 相关阅读:
    【Python】异常
    【Python】面向对象
    【Python】文件操作
    【Python】函数
    【Python】介绍以及环境搭建
    【Java】阿里巴巴开发规范手册
    【Java】NIO
    【Java】JUC
    【Git】国内的项目托管网站-码云
    【Git】在 Idea 中使用 Git
  • 原文地址:https://www.cnblogs.com/lhl66/p/8146714.html
Copyright © 2011-2022 走看看