window.addEventlistener(“click”,showa,true);
括號裏三個參數：
1：“click” 事件類型，有click、onmouseover……等事件類型；
2：showa （函數名稱）事件觸發後調用的函數；
3：true （布爾值）用於描述事件是冒泡還是捕獲，可選參數，true捕獲 false冒泡。
document.addEventlistener(“click”,showc,true);
參數解釋同上。
下面測試例子：
<!DOCTYPE html>
<html>
<head>
<script language="javascript">
function showa()
{
var ida=document.getElementById('a');
alert(ida.innerText);
}
window.addEventListener("click", showa, true);
function showb()
{
var idb=document.getElementById('b');
alert(idb.innerText);
}
window.addEventListener("click", showb, false);
function showc()
{
var idc=document.getElementById('c');
alert(idc.innerText);
}
document.addEventListener("click", showc, true);
function showd()
{
var idd=document.getElementById('d');
alert(idd.innerText);
}
document.addEventListener("click", showd, false);
</script>
</head>
<body>
<a id="a">aa</a><br>
<a id="b">bb</a><br>
<a id="c">cc</a><br>
<a id="d">dd</a>
</body>
</html>
彈窗順序：acdb
捕獲時true：先執行window，再執行document；
冒泡時false：事件往回傳遞，先執行document，再執行window。
window.addEventlistener參數爲true時，先彈窗再看到頁面內容，false時，先看到頁面的內容，再彈窗；
document.addEventlistener參數爲true時，先看到頁面內容再彈窗，false時，先彈窗再看到頁面內容。