addEventListener（'click'，stopEvent，false）中的false是什麼意思？

Question

第三個參數'false'在波紋管代碼的最後一行代表什麼？

var parent = document.getElementById('parent'), 
child = document.getElementById('child'), 
op  = document.getElementById('op'), 
op2 = document.getElementById('op2'); 

parent.addEventListener('click', function() { 
    op.innerHTML += '<p>click registered</p>'; 
}, false); 

function stopEvent (e) { 
    e.stopPropagation(); 
    op2.innerHTML += '<p>propagation stopped</p>'; 
} 

child.addEventListener('click', stopEvent, false); 

Answer 1

它指定是否要捕獲事件。在這種情況下，它不是必需的，因爲它無論如何默認爲false。有關更多信息，請參閱MDN documentation for element.addEventListener。

Answer 2

如果它是真的，它會被視爲在所有其他功能的開始（它被稱爲captured），如果不是，它只是簡單地添加到列表的末尾（稱爲bubbled），假設你有：

parent.addEventListener('click', function() { console.log("nocapture1"); }, false); 
parent.addEventListener('click', function() { console.log("usecapture1"); }, true); 
parent.addEventListener('click', function() { console.log("nocapture2"); }, false); 
parent.addEventListener('click', function() { console.log("usecapture2"); }, false); 

那麼，一旦被點擊，你就必須與他們在控制檯順序是：

usecapture1 
usecapture2 
nocapture1 
nocapture2