Überprüfen Sie, ob das Ereignisziel ein Hyperlink ist.

Question

Ich habe ein großes div darin, die kleinere divs, achor Tags und andere Elemente sind. Jedes große div in meinem Programm ist an "mousedown" -Ereignis gebunden und innerhalb des onMouseDown-Handlers überprüfe ich im Wesentlichen das event.target.

Wenn ein Benutzer auf ein Element klickt, das ein Hyperlink ist, möchte ich überprüfen, ob event.target ein Hyperlink ist, und dann zu diesem Link navigieren, wenn event.target ein Hyperlink ist. Wie kann das gemacht werden?

Hier ist die Struktur der Divsa und Elemente.

<div class="camp-name"> 
    <span class="btnCampaign"><div class=""></div></span> 
    <span class="campaign-name"> 
     <a href="http://www.google.com">Some Link here</a> 
    </span> 
</div> 
<div class="campaign-name-sub"> 
    <span class="campaign-accountname">Some Text here</span> 
    <span class="seprator">|</span> 
    <span class="brandname">Some Text here</span> 
</div> 

JS

var label = label.createElement("DIV"); 
label.innerHMTL = src //src is the above html that is seen here 
    Plugin.addEventListener(label, "mousedown", params.onMouseDown); 


Plugin.onMouseDown() = function(event) { 
var target = (event.currentTarget) ? event.currentTarget : event.srcElement; 
     if (target.tagName.toLowerCase() === "a" && target !== undefined) { 
      console.log(target.href); 
      Plugin.stopPropagation(event); 
     } 
}; 

Answer 1

Sie sollten es durch bekommen

if(event.target.tagName.toLowerCase() === 'a') 
{ 
    event.target.href; //this is the url where the anchor tag points to. 
} 

Answer 2

Ich habe versucht, den Code zu modifizieren und es gab mehrere Probleme mit dem Code und korrigiert sie.

Dies ist der Teil JavaScript

var src = '<div class="camp-name"><span class="btnCampaign"><div class=""></div></span><span class="campaign-name"><a href="http://www.google.com">Some Link here</a></span></div>'; 

var label = document.createElement('DIV') 
label.innerHTML = src; 
var topdiv = document.getElementById("test"); 
console.log(label) 
topdiv.appendChild(label); 

label.addEventListener('click', test, false); 

function test(event) { 
    if(event.target.tagName.toLowerCase() === 'a') { 
     var href = event.target.href; 
     console.log(href); 
    } 
    window.location = href; 
}; 

Dies ist der HTML-Teil davon

<div id="test"> 
test 
</div> 

ich dies in einer mir jsfiddle http://jsfiddle.net/KDejm/1/

tat Bitte lassen Sie wissen, ob die Entlüftung ist richtig erfasst.