Twitter Timeline DOM Manipulation - Negating Onclick Event Handler

I am creating a browser extension that modifies the Twitter timeline by adding some links to each tweet row in a user's Twitter timeline.

General开发者_Python百科ly whenever the tweet row is clicked, Twitter will pop out the right-hand panel with more information, except for when the user clicks links like Retweet, Reply, etc. I'm not sure what Twitter's JavaScript is applying to these links to prevent them from causing the panel to be opened, but I'd like to do something similar. I have tried inspecting the elements in Google Chrome, but the event handlers are not revealed.

Any suggestions?

---

The event handlers are probably being added programmatically via script. You could try to remove the event handlers (see the docs), but it might be easier to clone the element in question, then hide the original. See cloneNode documentation for information.

Without any sample html, I can't really give you a good example, but here's a generic jsFiddle I threw together to demonstrate the concept: http://jsfiddle.net/sacCK/1/

---

I solved my problem by stopping the event propagation. This prevented the event from propagating to the event handler for the container element.

With jQuery I was able to apply an onclick handler like so:

$("#elementId").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    // other actions
});