国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解addEventListener的三個參數(shù)之useCapture

2019-11-20 12:55:21
字體:
供稿:網(wǎng)友

addEventListener 有三個參數(shù):第一個參數(shù)表示事件名稱(不含 on,如 "click");第二個參數(shù)表示要接收事件處理的函數(shù);第三個參數(shù)為 useCapture,本文就講解它。

復制代碼 代碼如下:

<div id="outDiv">
  <div id="middleDiv">
    <div id="inDiv">請在此點擊鼠標。</div>
  </div>
</div>
<div id="info"></div>

復制代碼 代碼如下:

var outDiv = document.getElementById("outDiv");
var middleDiv = document.getElementById("middleDiv");
var inDiv = document.getElementById("inDiv");
var info = document.getElementById("info");
outDiv.addEventListener("click", function () { info.innerHTML += "outDiv" + "<br>"; }, false);
middleDiv.addEventListener("click", function () { info.innerHTML += "middleDiv" + "<br>"; }, false);
inDiv.addEventListener("click", function () { info.innerHTML += "inDiv" + "<br>"; }, false);

上述是我們測試的代碼,根據(jù) info 的顯示來確定觸發(fā)的順序,有三個 addEventListener,而 useCapture 可選值為 true 和 false,所以 2*2*2,可以得出 8 段不同的程序。

•全為 false 時,觸發(fā)順序為:inDiv、middleDiv、outDiv;
•全為 true 時,觸發(fā)順序為:outDiv、middleDiv、inDiv;
•outDiv 為 true,其他為 false 時,觸發(fā)順序為:outDiv、inDiv、middleDiv;
•middleDiv 為 true,其他為 false 時,觸發(fā)順序為:middleDiv、inDiv、outDiv;
•……


最終得出如下結(jié)論:

•true 的觸發(fā)順序總是在 false 之前;
•如果多個均為 true,則外層的觸發(fā)先于內(nèi)層;
•如果多個均為 false,則內(nèi)層的觸發(fā)先于外層。

以上就是本文的全部內(nèi)容了,希望大家能夠喜歡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 花莲市| 宁城县| 宜阳县| 龙井市| 阿瓦提县| 柏乡县| 麻江县| 阳春市| 新民市| 永平县| 荔浦县| 兴安县| 阳城县| 潮州市| 禄丰县| 汉沽区| 潜江市| 陆良县| 迁安市| 新巴尔虎右旗| 呈贡县| 西和县| 双城市| 滦平县| 富锦市| 广饶县| 苍梧县| 新干县| 厦门市| 利辛县| 疏附县| 赤峰市| 二连浩特市| 大竹县| 临潭县| 贡山| 本溪市| 遂溪县| 当涂县| 彝良县| 长海县|