Firefoxのリンクをクリックして検出する

Question

リンクがクリックされた場合、Firefoxの拡張機能で検出したいと考えています。これまでのところ、このために私はevent.targetがURLに簡単ですいくつかのリンクのためにウィンドウ

window.addEventListener("click", function(event) { handleWindowClick(event); }, false); 

    ... 

    handleWindowClick : function(event) { 
    if ("event.target is a link") { 
     // do something 
    } 
    }; 

にclickイベントリスナーを追加します。ただし、一部のリンクでは、たとえばevent.targetというHTMLSpanElementを取得します。私はリンクのクリックを捕まえようとしているのでしょうか、それとも別の方法がありますか？このように動作する場合、event.targerがリンクである場合、どのようにして正常にテストできるのでしょうか？

Answer 1

クリックイベントリスナーをアンカー（<a>）に配置してみませんか？

var hrefs = document.getElementsByTagName('a'); 

for (i = 0; i < hrefs.length; i++) { 
    hrefs[i].addEventListener(...) 
    ... 
} 

またはjQuery中：

$('a').click(function() { 
    ... 
}); 

Answer 2

あなたが任意のクリックを登録し、メインウィンドウにイベントリスナーを追加しています。問題が発生しているURLは、<span>タグで囲んでください。あなたが必要なのはevent delegation

Answer 3

これをチェックして、私はこれがあなたが探しているのではないかと期待しています。

window.addEventListener("click", function(event) { 
    handleWindowClick(event); 
}, false); 

function handleWindowClick(event){ 
    var origEl = event.target || event.srcElement; 
    if(origEl.tagName === 'A') 
     alert("anchor link is clicked"); 
    else if(origEl.parentNode.tagName === 'A') 
     alert("clicked inside anchor"); 
    else if(origEl.tagName === 'SPAN') 
     alert("span is clicked"); 
} 

フィドル：http://jsfiddle.net/5zXkN/3/

Answer 4

私は "A" - タグ内の任意の構造をサポートするためにdku.rajkumarの答えを拡張しました。私は単に "A"を見つけるか、私がルートにいる（この場合、リンクはクリックされていない）まで、ツリーを上っていくだけです。それはトリックを行うようだ。あなたの助けに感謝します！

window.addEventListener("click", function(event) { handleWindowClick(event); }, false); 
... 

isLink : function(element) { 
    if(element.tagName === 'A') 
    return true; 
    else 
    if (element.parentNode) 
     return this.isLink(element.parentNode) 
    else 
     return false; 
}, 

handleWindowClick : function(event) { 
    var element = event.target || event.srcElement; 
    var isLink = this.isLink(element); 
    if (isLink) 
    dump("A link has been clicked.\n"); 
},