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）方式添加事件可以添加多个！！！

转载于:https://www.cnblogs.com/lhl66/p/8146714.html

IE和DOM事件流、普通事件和绑定事件的区别相关推荐

react中绑定点击事件_在React中绑定事件处理程序的最佳方法
react中绑定点击事件 by Charlee Li 通过李李在React中绑定事件处理程序的最佳方法 (The best way to bind event handlers in React) ...
vue中点击事件的写法_vue实现绑定事件的方法实例代码详解
一.前言 vuejs中的事件绑定,使用来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法. 二.事件绑定方式 1. 直接在标签中写js方法执行方法的第 ...
spinbox 上下箭头事件_[React] 3 - 自动绑定 (事件绑定)
1. 自动绑定 (事件绑定) 绑定this: React为什么要这么做? 是js中this绑定方式决定的,和react工作方式无关. 函数处理, 是作为回调传递的,这样就会丢失了上下文, 所以this ...
另一个绑定事件的方式为元素绑定事件的区别
另一个绑定事件的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
php如何给单选框加js事件,js给元素添加绑定事件
yizer 2016-08-05 22:26 Bing search 你好 // getElementById,通过id获取元素 var getDom = function (id){ return ...
html查看绑定事件,javascript如何判断是否绑定事件？
我们编写前端页面的时候,一般都需要给元素绑定事件,那么如何用JS判断某个元素是否绑定了某个事件呢?下面小编给大家演示一下. JavaScript中可以通过引入jQuery使用$._data方法来判断是 ...
事件流调试器查看Retract事件
当更改StreamInsight流中的事件时间时,会产生Retract事件: 这些事件是因为缩短了持续时间而产生的.默认来看,从上面的操作子到下面的操作子EndTime看起来好像没有什么变化.其实这是 ...
关于移动端触摸事件导致子元素不能绑定事件
近期项目遇到一个问题, 找了一个插件叫做移动端按首字母检索城市列表 http://www.sucaihuo.com/js/2305.html 在城市选项这里发现绑定不上事件找了很多阻止冒泡的事件 ...
对jquery新增加的class绑定事件 jquery 对相同class 绑定事件
当页面加载时,就会注册所有的事件,后面通过jquery新增的内容(<div class="item"></div>),再对新增的添加事件$(".i ...
“约见”面试官系列之常见面试题之第六十一篇之IE和DOM事件流（建议收藏）
什么是"事件流"? 事件流描述的是从页面中接收事件的顺序事件流的种类: 事件流主要分为三种事件冒泡流(IE事件流):事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收,然 ...

IE和DOM事件流、普通事件和绑定事件的区别

IE和DOM事件流、普通事件和绑定事件的区别相关推荐

最新文章

热门文章