event.preventDefault не работает везде?

Question

Я сделал расширение хром, чтобы получить элемент с веб-страниц, используя прослушиватель событий на странице содержимого, но preventDefault работает только несколько раз.

например, на this website, когда я нажимаю на панель меню, она перенаправляется на следующую страницу, а не предотвращает действие щелчка. это мой слушатель событий в content.js

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

Это связано с тем, что вы прикрепляете обработчик событий к самому документу, а не к некоторому ребенку. Поэтому, если вы нажмете на дочерний элемент, это событие будет предотвращено только тогда, когда оно достигнет документа через пузырь, но в то же время оно будет запущено.