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?