keydown上的event.preventDefault（）不起作用

Question

試圖捕獲Bootstrap Tab Panel菜單上的按鍵，但它只是冒起來忽略放在標籤的keydown處理程序上的preventDefault（）。

document.onkeydown = function(e) { 
    console.log("document catched the keydown event"); 

}; 

$('body > div > ul > li > a').on("keydown",function (e) { 
    console.log("handled by the child - stop bubbling please"); 
    e.preventDefault(); 

}); 

例子： http://www.bootply.com/xUlN0dLRaV

缺少什麼我在這裏？

Answer 1

除了e.preventDefault你還必須使用e.stopPropagation()來防止事件冒泡。你的情況，你也可以從事件處理程序返回false這一舉兩得：

$('body > div > ul > li > a').on("keydown",function (e) { 
    console.log("handled by the child - stop bubbling please"); 
    return false; 
}); 

Answer 2

嘗試e.stopPropagation()

e.stopPropagation()阻止事件冒泡DOM樹，防止任何父處理程序被通知的事件。

$('body > div > ul > li > a').on("keydown",function (e) { 
    console.log("handled by the child - stop bubbling please"); 
    e.preventDefault(); 
    e.stopPropagation(); 
}); 

區別？

What's the difference between event.stopPropagation and event.preventDefault?