I have a large div inside there which are smaller divs, achor tags and other elements.
Each large div in my program is bound to mousedown event and inside the onMouseDown handler, I basically check the event.target.

If a user clicks on an items that is a hyper link, I want to check if event.target was hyperlink and then navigate to that link if event.target was a hyperlink. How can that be done?

Here's the structure of the divsa and elements.

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

        }

};