Question

如果某一环节被点击,我想在我的灭火中发现。迄今为止,我增加了一个点击事件听众对窗口的发言。

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

  ...

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

有些人将活动联系起来。目标很简单。然而,在某些联系方面,我取得了一个超文本素帕要素作为事件。目标。右边一线被点击或还有其他途径? 如果它这样做的话,我如何能够确保成功测试这一事件。分类是一种联系?

Answer 1

您在主要窗口上添加了一个活动听众,该窗口登记了任何点击。回答问题的人必须填写在<代码><span>标签上。你们需要的是:

Answer 2

Why don t you just put the click event listener to anchors (<a>)?

var hrefs = document.getElementsByTagName( a );

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

http://jquery.com/“rel=“nofollow” 学历:

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

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");
}

fiddle : 。

Answer 4

I extended the answer of dku.rajkumar to support arbitrary constructs within "A"-tags. I m simply go up the tree until I either find an "A" or I m at the root (so no link clicked in this case). It seems to do the trick. Thanks to all for your help!

 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.
");
 },

友情链接