stop one of the parent click events from firing

HI,

I am using a greybox on the following element:

<a href="<? echo $rctiGrayBox; ?>" class="greybox" widt="800" heigh="800" id="rctiGrayBox" title="RCTI">View RCTI</a>

This 'a' element is contained in TR which fires an event when ever we click 'View RCTI'. I can stop that click event from firing by using stop开发者_JAVA百科Propagation() but using this function also stops the greybox to work and instead of showing the data in greybox it shows the data on a new page.

Theoretically when i use stopPropagation() on my 'a' tag it stops the all the events from firing. I need a way with which i can only stop the click event on but should not stop any event related to Greybox.

Please help!!

You are looking for event.preventDefault().

That will prevent the default behavior (guess what..), in this case will stop the anchor from linking.

Demo: http://www.jsfiddle.net/KDU48/

<a href="" onclick="return false;"></a>

this will stop the bubble up event in the browser. But bound eventhandlers will still work