Geek asks and answers

Disable the onClick event if a href anchor link has been executed

I have a table. Each line is a link to a page (for example, google.com) that is called by the js method " onClick window.open ":

<tr  class='tr' onClick="win=window.open('http://google.com');win.focus();" >

In the last column, I have an anchor href link to another page (for example - jsfiddle):

<td class='td'><a href = "http://jsfiddle.net">JSFiddle</a></td>

If I click on the anchor link, it opens, but also opens the first page called onClick.

I found the opposite problem:

How to disable HREF if onclick is running?

We can disable href by adding "return false" to the onClick event.

Is it possible to prevent onClick from executing when the link is clicked?

Here is my demo: Fiddle

+3
2

. Inline . .

HTML:

<table id="table">
    <tr data-url="http://google.com">
        <td>Content</td>
        <td>Content</td>
        <td><a href="http://jsfiddle.net">JSFiddle</a></td>
    </tr>
    ...
</table>

JS:

var table = document.getElementById('table');

table.addEventListener('click', function(e) {

    var target = e.target;
    if (target.tagName == 'A') {
        return false;
    }

    if (target.tagName == 'TD') {
        var win = window.open(target.parentNode.getAttribute('data-url'));
        win.focus();
    }
}, false);

: http://jsfiddle.net/CqRE9/

+2

, !

$("tr").on("click", function(){ 
 $(this).attr("onClick", false); 
});

: fiddle

+1

More articles:


All Articles