精解add伊芙ntListener的多少个参数之useCapture_javascript技艺_脚本之家

addEventListener
有三个参数:第一个参数表示事件名称;第二个参数表示要接收事件处理的函数;第三个参数为
useCapture,本文就讲解它。

金沙8331网址,复制代码 代码如下:

请在此点击鼠标。

复制代码 代码如下:var outDiv =
document.getElementById;var middleDiv = document.getElementById;var
inDiv = document.getElementById;var info =
document.getElementById;outDiv.addEventListener { info.innerHTML +=
“outDiv” + “
“; }, false);middleDiv.addEventListener { info.innerHTML += “middleDiv”


  • “; }, false);inDiv.addEventListener { info.innerHTML += “inDiv” + “
    “; }, false);

上述是我们测试的代码,根据 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,则内层的触发先于外层。

以上就是本文的全部内容了,希望大家能够喜欢。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注