Detect specific link clicked with href and onclick=“setLocation()”

Question

I am trying to detect if a link was clicked with JS . This is my code:

<div onclick="setLocation('http://domain.com/test')" class="gd-details" id="detail-box2">
    <h2 class="gd-product-name">
        <a title="test" href="http://domain.com/test">content 1</a>
    </h2>    
</div>

I'm also trying with this code and it doesn't works:

  $(document).on("click", "a", function() { var href = $(this).attr("href"); if(href == 'http://domain.com/test'){ alert('clicked'); } else { alert('not clicked'); } }); 

How do I detect if a specific link is clicked?

Answer 1

Add an event handler to the div click and compare the onclick attribute to your test url.

  $(document).on("click", "div", function() {
      var href = $(this).attr("onclick");
      if(href === "setLocation('http://domain.com/test')"){ 
        alert('clicked'); 
      } else {
        alert('not clicked'); 
      } 
    });