Trigger javascript function when a button is disabled?

Question

If I am using a submit button as so..

<input type="image" name="submit" src="image.png" disabled="disabled" />

Is there any way I can trigger a Javascript alert when someone clicks this button? I have tried using onclick() but it doesn't work unless I take away the disabled="disabled".

Whenever I need to do something like this, I create my own buttons using an a tag and then I can style them however I want (rather than using the disabled attribute I would just use a disabled class). I can handle the click with javascript and submit the form that way. It also means I get click event regardless of "disabled" or not — musefan
– musefan, Commented Jan 24, 2013 at 16:58

the system · Accepted Answer · 2013-01-24 16:56:50Z

6

No, the disabled setting also disables events.

If you need behavior to remain, then instead of disabling it, you should just keep it enabled, and enforce the behavior you want based on some flag added to the element, like a class or some other property on the element.

answered Jan 24, 2013 at 16:56

the system

9,35642 silver badges47 bronze badges

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

1 Comment

SeanCannon Over a year ago

+1 you are correct, I didn't realize it used stopPropagation() so the event doesn't bubble up the DOM tree.

Collectives™ on Stack Overflow

Trigger javascript function when a button is disabled?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related