How to use jquery to disable click event of a DIV within a link?

Question

There's a link in the DIV

<div><a href="#">go</a></div>

Can I disable click event on the DIV, but still works on the link?

I use this for test, but seems not work:

$(this).click(function(event){
    var _self_link=$('a',this);
    if(event.target!=_self_link){dosomething}
});

Any solution with Jquery? Thanks.

make click event not on the div, but in the <a>

Chuck Norris
– Chuck Norris

2011-12-01 14:07:02 +00:00
Commented Dec 1, 2011 at 14:07 — Chuck Norris
– Chuck Norris, Commented Dec 1, 2011 at 14:07

Kamyar · Accepted Answer · 2011-12-01 14:06:35Z

5

I think you should use stopPropagation.

Stops the bubbling of an event to parent elements, preventing any parent handlers from being notified of the event.

answered Dec 1, 2011 at 14:06

Kamyar

18.8k9 gold badges101 silver badges174 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Huske · Accepted Answer · 2011-12-01 14:23:56Z

4

Try something like this:

$('div:has(a[href="your_link"])').click(function(e) {
    stopPropagation();
});

You can test it here http://jsfiddle.net/cnzvL/13/

edited Dec 1, 2011 at 14:23

answered Dec 1, 2011 at 14:08

Huske

9,3062 gold badges40 silver badges55 bronze badges

4 Comments

Laurence Burke Over a year ago

no he wants the div to prevent default. Not the anchor. might want to change the answer before I downvote

Huske Over a year ago

@Laurence, I just tested this code on jsFiddle, and the value of $(this) is div, not anchor, so I think the answer is correct. The div is preventing the default action.

Laurence Burke Over a year ago

yes now it will work with the first representation you were selecting the anchor not the div. will remove my downvote.

Zhaiduo Over a year ago

This is my solution. Thanks guys. $('DIV').click(function(event){ var click_on_href=false; $("a",'DIV').click(function(event){ event.stopPropagation(); click_on_href=true; }); if(!click_on_href){dosomething} });

Yauheni Leichanok · Accepted Answer · 2011-12-01 14:19:33Z

2

$('div').click(function(event){
    event.preventDefault();
    // and then do what you want
});

Edited: maybe I didn't understand the question correctly. Here is the second variant:

$('a').click(function(event){
    event.stopPropagation();
    // and then do what you want
});

answered Dec 1, 2011 at 14:19

Yauheni Leichanok

1,7671 gold badge21 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to use jquery to disable click event of a DIV within a link?

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related