"out">最外⾯
"middle">
"inner">最⾥⾯
var out = ElementById('out'); var middle = ElementById('middle'); var inner = ElementById('inner'); //点击inner时，触发顺序为：inner-------middle------out
out.addEventListener('click',function(){alert("我是最外⾯的");},fal);
middle.addEventListener('click',function(){alert("我是中间的");},fal);
inner.addEventListener('click',function(){alert("我是最⾥⾯的");},fal); var out = ElementById('out'); var middle =
middle.addEventListener('click',function(){alert("我是中间的");},true);
inner.addEventListener('click',function(){alert("我是最⾥⾯的");},true); var out = ElementById('out'); var middle =
middle.addEventListener('click',function(){alert("我是中间的");},fal);
inner.addEventListener('click',function(){alert("我是最⾥⾯的");},fal);var out = ElementById('out'); var middle =
tome
middle.addEventListener('click',function(){alert("我是中间的");},true);
inner.addEventListener('click',function(){alert("我是最⾥⾯的");},fal);var out = ElementById('out'); var middle =
middle.addEventListener('click',function(){alert("我是中间的");},true);
考研视频网inner.addEventListener('click',function(){alert("我是最⾥⾯的");},fal);var out = ElementById('out'); var middle =
middle.addEventListener('click',function(){alert("我是中间的");},fal);
inner.addEventListener('click',function(){alert("我是最⾥⾯的");},true);
5.事件处理程序邂逅的那天
1. HTML事件处理程序保罗班扬
"test()">测试function test() {
alert("HTML事件处理程序");
}
1.优点：事件处理程序中的代码，能够访问全局作⽤域中的任何变量
2.缺点：时差问题、扩展的作⽤域链在不同浏览器中会导致不同结果、html代码与js代码⾼度耦合
2. DOM0级事件处理程序
"btn">测试var btn = ElementById("btn");
finally
alert("DOM0级事件处理程序");
}
1.优点：代码简单，浏览器兼容性好，解决了html代码和js代码的⾼度耦合问题
2.缺点：⼀个元素只能绑定⼀个事件处理函数，只会在事件冒泡中运⾏
3. DOM2级事件处理程序铅笔英语怎么读
该级别的事件处理程序，运⽤的就是事件捕获和冒泡机制
"btn">测试var btn = ElementById("btn");// 事件监听
btn.addEventListener("click", function() {
alert("DOM2级事件处理程序，我在捕获阶段执⾏");
bloodyhell}, true);
havesupper
btn.addEventListener("click", function() {
alert("DOM2级事件处理程序，我在冒泡阶段执⾏");
}, fal);// 移除事件监听var fun = function() {
alert("我要被移除了");
}
btn.addEventListener("click", fun, fal);
1.优点：同时⽀持事件处理的捕获和冒泡阶段，并且⼀个元素可以绑定多个处理函数
resign2.缺点：IE不⽀持medicine可数吗
本⽂作者： 张舒涵
本⽂链接: imzsh.ink/20201117-eventlistener
欢迎任何形式的转载，但请务必注明出处。
由于笔者⽔平有限，如果⽂章或代码有表述不当之处，还请不吝赐教。
