Kiểm tra xem mục tiêu sự kiện có phải là siêu liên kết

Question

Tôi có một div lớn bên trong đó là div nhỏ hơn, thẻ achor và các yếu tố khác. Mỗi div lớn trong chương trình của tôi là ràng buộc để "mousedown" sự kiện và bên trong xử lý onMouseDown, tôi về cơ bản kiểm tra event.target.

Nếu người dùng nhấp vào một mục là siêu liên kết, tôi muốn kiểm tra xem event.target có phải là siêu liên kết và sau đó điều hướng đến liên kết đó nếu event.target là siêu kết nối. Làm thế nào có thể được thực hiện?

Đây là cấu trúc của divsa và các phần tử.

<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

Bạn sẽ nhận được nó thông qua

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

Answer 2

Tôi đã cố gắng thay đổi mã của bạn và có nhiều vấn đề với mã và sửa chữa chúng.

Đây là phần 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; 
}; 

Đây là phần HTML của nó

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

Tôi đã làm điều này trong một jsfiddle http://jsfiddle.net/KDejm/1/

Xin vui lòng cho tôi biết nếu các lỗ thông hơi là được chụp chính xác.