addEventListener的三个参数
投档线是什么addEventListener的三个参数
addEventListener 有三个参数:第⼀个参数表⽰事件名称(不含 on,如 "click");第⼆个参数表⽰要接收事件处理的函数;第三个参数为useCapture,本⽂就讲解它。
<body>
<div id="outDiv">
<div id="middleDiv">
<div id="inDiv">请在此点击⿏标。</div>
</div>
</div>
<div id="info"></div>
<script>
var outDiv = ElementById("outDiv");
var middleDiv = ElementById("middleDiv");
var inDiv = ElementById("inDiv");
君麻吕vs我爱罗是第几集
var info = ElementById("info");
outDiv.addEventListener("click", function () { info.innerHTML += "outDiv" + "<br>"; }, true);
middleDiv.addEventListener("click", function () { info.innerHTML += "middleDiv" + "<br>"; }, false);
inDiv.addEventListener("click", function () { info.innerHTML += "inDiv" + "<br>"; }, true);帐号申诉回密码
</script>
</body>
上述是我们测试的代码,根据 info 的显⽰来确定触发的顺序,有三个 addEventListener,⽽ useCapture 可选值为 true 和 false,所以
2*2*2,可以得出 8 段不同的程序。
全为 false 时,触发顺序为:inDiv、middleDiv、outDiv;
超拽网名大全
全为 true 时,触发顺序为:outDiv、middleDiv、inDiv;中国有哪些传统文化
辣椒用什么肥料outDiv 为 true,其他为 false 时,触发顺序为:outDiv、inDiv、middleDiv;
middleDiv 为 true,其他为 false 时,触发顺序为:middleDiv、inDiv、outDiv;
……
最终得出如下结论:
true 的触发顺序总是在 false 之前;
如果多个均为 true,则外层的触发先于内层;
如果多个均为 false,则内层的触发先于外层。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。