Disable, Enable on('click')

Question

How can i disable and enable a on click event.

I tried with:

$('#web').on('click', function web_function(event){
    event.stopPropagation();
    // execute a bunch of action to preform
});
$('#web').off('click'); // click is succesfully removed
$('#web').on('click'); // doesnt work, i need to redefine the actions to perform

Also I tried disabling with:

$('#web').unbind('click'); // click is succesfully removed
$('#web').bind('click'); // nok

But this also doesnt work...

So, i would like to disable/enable the click event without the need to redefine the actions to perform. Some sort of toggle... (click on/off)

And how do i implement the event to stop propagation?

How can i do this?

You have to pass in the callback when you are re-binding the event too. — user400654
– user400654, Commented Nov 7, 2012 at 18:57

Selvakumar Arumugam · Accepted Answer · 2012-11-07 19:46:44Z

15

You need to pass the handler function as the argument whenever you bind (or rebind).

In your case, you can name the function which you can use to pass it any time you re-bind again.. see below,

var myFunc = function(event){
     event.stopPropagation();
     // execute a bunch of action to preform
}

$('#web').on('click', myFunc); //bind myFunc
$('#web').off('click'); // click is succesfully removed
$('#web').on('click', myFunc); //rebind again

edited Nov 7, 2012 at 19:46

answered Nov 7, 2012 at 18:57

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

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

3 Comments

Nomistake Over a year ago

I edit my question a little bit... i overlooked the event i'm using... can you show me how to implement this in your example?

Nomistake Over a year ago

can you just approve my edit? if its correct? then your answer meets my question :-)

Selvakumar Arumugam Over a year ago

@Nomistake I didn't reject it.. stackoverflow.com/suggested-edits/457236 however updated it.. thanks

Syscall · Accepted Answer · 2018-05-11 09:08:41Z

3

first disable the element using prop() method of jQuery, i.e.

$("selector").prop("disabled",true);

and when you want to enable click the just do it by using

$("selector").prop("disabled",false);

edited May 11, 2018 at 9:08

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

answered May 11, 2018 at 9:01

Kaleem Nalband

69710 silver badges21 bronze badges

2 Comments

Talk is Cheap Show me Code Over a year ago

if I use attr instead of prop, will it attach previously attached onclick event as well?

Kaleem Nalband Over a year ago

as per official docs "To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method." using attr() is not a standard way for setting dom properties.

Collectives™ on Stack Overflow

Disable, Enable on('click')

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related