Question

I have an one div inside that an anchor tag like this.

<div onclick="page reddirec to one location"  style="height:200px;width:200px"><a href="http://www.google.com" >text</a></div>

Here div having height and width 200px each and also onclick the div the page should redirect to one location. But also there is an anchor tag inside this div but onclick this anchor tag the page should redirect to another location. Is it possible to implement this in html or by using the javascript.

Answer 1

You can try this.

$('div').click(function(e){
    if($(e.target).is('a')){
        //this will stop event bubbling and will open the href of the anchor
        e.stopPropagation();
    }
    else{
        location.href = "anotherUrl";
    }
});