not to invoke parent node's onclick function

Forum Moderators: open

Message Too Old, No Replies

not to invoke parent node's onclick function

asdasddd

4:38 pm on Nov 12, 2005 (gmt 0)

hi guy,


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head><body>
<div onclick="alert('div')" style="background-color:#ddd;width:200px;height:200px;">
div div div <span onclick="alert('span');return false;" style="background-color:#ded;">span</span>
</div>
</body>
</html>

When I click on the span, it will alert me 'span' and 'div'.How can I avoid the 'div' alert?

Thanks for your help!

Bernard Marx

5:55 pm on Nov 12, 2005 (gmt 0)

Here's a cross-browser function for you:


/* change corrupted [b][red]¦¦[/red][/b] chars for pipes */
function stopPropagation(e)
{
e=e[red][b]¦¦[/b][/red]event;
e.stopPropagation? e.stopPropagation() : e.cancelBubble=true;
}

Then...

onclick="alert('span');stopPropagation(event);"

asdasddd

12:36 am on Nov 13, 2005 (gmt 0)

Great, that's what I'm looking for.

Thanks for your help!

not to invoke parent node's onclick function

asdasddd

Bernard Marx

asdasddd

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week