event.preventDefaultはどこでも動作しませんか？

Question

コンテンツページでクリックイベントリスナーを使用してWebページから要素を取得するChrome拡張機能を作成しましたが、preventDefaultは数回だけ動作します。

たとえばthis websiteメニューバーをクリックすると、クリックアクションが発生するのを防ぐ代わりに、次のページにリダイレクトされます。 これはcontent.js occuringからのイベントをクリックして停止する方法

document.addEventListener('click', function xyz(e){ 
e.preventDefault(); 
//alert(e); 
var target = e.target || event.srcElement; 
var attributes = Array.prototype.slice.call(target.attributes).map(function(i) { 
    return [String(i.name)+": "+String(i.value)] 
}) 
alert(attributes); 
prompt("xpath1 :",getPathTo(target)); 
chrome.runtime.sendMessage({method:"captureElement",data:attributes}); 
},true) 

で私のイベントリスナーです！

Answer 1

return false;を使用するか、e.preventDefault();とe.stopPropagation()を一緒に使用する必要があります。これにより、イベントが親のアンカータグまでバブリングするのを防ぐことができるからです。

Answer 2

これは、イベントハンドラを子の代わりにドキュメント自体に添付するためです。したがって、子要素をクリックすると、バブリングによってドキュメントに到達するときにのみイベントが防止されますが、その間にイベントがトリガーされます。