ansaurus

Question

How to prevent onclick statements from being executed?

Answer 1

+3 A:

DOM0 handlers (onclick attributes and the like) and DOM2 handlers (dynamically added via attachEvent/addEventListener) are independent of one another.

The only thing you can do is remove the DOM0 handler (by assigning an empty string to the attribute) and go with just DOM2 handlers.

You can retrieve the DOM0 handler from the attribute before removing it, and re-register it as a DOM2 handler instead. You get into some browser inconsistencies (some will give you a Function object, others will give you a string), but those are readily handled in the code.

T.J. Crowder 2010-05-05 08:13:22

Thanks for the answer, it's helpful.

ryanli 2010-05-05 08:19:38

+1 - was writing something similar to this. Try to think of `preventDefault()` as preventing the default action of an element - the action that would happen if no event were set. Setting an event via the `onclick` attribute is not setting the default action, so `preventDefault()` will not prevent that handler from being called.

Andy E 2010-05-05 08:20:41

Answer 2

A:

You can try this:

 function addListener() {
        document.getElementById("submit").addEventListener("click",
            function(ev) {
                alert("listener");
                ev=ev¦¦event; 
                ev.preventDefault? ev.preventDefault() : ev.returnValue = false; 
            },
            false);
    }

andreas 2010-05-05 08:18:02

This would have the same effect on Firefox…. Your code only solves the compatibility issue for older browsers.

ryanli 2010-05-05 08:23:13

Add a `return false;` at the end of the command list in the 'click' handler. Your click event WILL GET FIRED - when you use the addEventListener('click',handler(){}); This is the event capturing and firing part - (MS also defines the event bubbling phase) - if you find a way to force the event to 'cancel execution' after registering a handler I am interested in knowing about it..regards

andreas 2010-05-05 08:43:43

ansaurus

tags:

views:

answers:

How to prevent onclick statements from being executed?

related questions