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. — Kevin B, Nov 07 '12 at 18:57

Selvakumar Arumugam · Accepted Answer · 2012-11-07T19:46:44.080

16

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 07 '12 at 19:46

answered Nov 07 '12 at 18:57

Selvakumar Arumugam

79,297
15
120
134

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 Nov 07 '12 at 19:12
can you just approve my edit? if its correct? then your answer meets my question :-) – Nomistake Nov 07 '12 at 19:45
@Nomistake I didn't reject it.. http://stackoverflow.com/suggested-edits/457236 however updated it.. thanks – Selvakumar Arumugam Nov 07 '12 at 19:46

score 3 · Answer 2 · edited May 11 '18 at 09:08

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 '18 at 09:08

Syscall

19,327
10
37
52

answered May 11 '18 at 09:01

Kaleem Nalband

687
7
21

Worked for me, Thanks. – Adam Pavlov Nov 10 '18 at 10:44
if I use attr instead of prop, will it attach previously attached onclick event as well? – Talk is Cheap Show me Code Nov 26 '18 at 12:22
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. – Kaleem Nalband Nov 26 '18 at 13:29

Disable, Enable on('click')

2 Answers2

Linked

Related