How to disable and then enable onclick event on div with javascript

Question

Following is the code which i am trying  document getElementById  id   disabled   true

User · Accepted Answer

You can use the CSS property pointer-events to disable the click event on any element   https   developer mozilla org en-US docs Web CSS pointer-events     To disable      document getElementById  id   style pointerEvents    none      To re-enable  document getElementById  id   style pointerEvents    auto       Use    if you want to allow CSS rules to set the value   Here is a JsBin  http   jsbin com oyAhuRI 1 edit

User · Answer

I m confused by your question  seems to me that the question title and body are asking different things  If you want to disable enable a click event on a div simply do       id   on  click   function      enables click event       do your thing here          id   off  click      disables click event   If you want to disable a div  use the following code       id   attr  disabled   disabled      Hope this helps   edit  oops  didn t see the other bind unbind answer  Sorry  Those methods are also correct  though they ve been deprecated in jQuery 1 7  and replaced by on   off

User · Answer

To enable use bind   method      id   bind  click  eventhandler     call this handler   function  eventhandler          alert  Bind click           To disable click useunbind        id   unbind  click

User · Answer

First of all this is JavaScript and not C   Then you cannot disable a div because it normally has no functionality  To disable a click event  you simply have to remove the event from the dom object   bind and unbind

User · Answer

You can disable the event by applying following code   with  attr   API      your id   attr  disabled    disabled      or with  prop   API      your id   prop  disabled   true

[javascript] How to disable and then enable onclick event on <div> with javascript

Examples related to javascript

Examples related to jquery