How to unbind a listener that is calling event preventDefault using jQuery

Question

jquery toggle  calls preventDefault   by default  so the defaults don t work  you can t click a checkbox  you cant click a link etc etc  is it possible to restore the default handler

User · Answer

function DoPrevent e      e preventDefault      e stopPropagation          Bind    element  on  click   DoPrevent       UnBind    element  off  click   DoPrevent

User · Answer

If the element only has one handler  then simply use jQuery unbind     quot  element quot   unbind

User · Answer

It is not possible to restore a preventDefault   but what you can do is trick it      lt div id  t1  gt Toggle lt  div gt   lt script type  javascript  gt      t1   click function  e      if   this  hasClass  prevented            e preventDefault             this  removeClass  prevented        else           this  addClass  prevented              lt  script gt    If you want to go a step further you can even use the trigger button to trigger an event

User · Answer

The best way to do this by using namespace  It is a safe and secure way  Here  rb is the namespace which ensures unbind function works on that particular keydown but not on others     document  bind  keydown rb   Ctrl r  function e               e stopImmediatePropagation                return false                 document  unbind  keydown rb      ref1  http   idodev co uk 2014 01 safely-binding-to-events-using-namespaces-in-jquery   ref2  http   jqfundamentals com chapter events

User · Answer

I m not sure you re what you mean  but here s a solution for a similar  and possibly the same  problem     I often use preventDefault   to intercept items  However  it s not the only method of interception    often you may just want a  question  following which behaviour continues as before  or stops   In a recent case I used the following solution       content   on  click     replace    function event   return confirm  Are you sure you want to do that          Basically  the  prevent default  is meant to intercept and do something else  the  confirm  is designed for use in     well - confirming

User · Answer

if it is a link then   this  unbind  click    would re-enable the link clicking and the default behavior would be restored   I have created a demo JS fiddle to demonstrate how this works   Here is the code of the JS fiddle   HTML    lt script src  https   code jquery com jquery-1 10 2 js  gt  lt  script gt   lt a href  http   jquery com  gt Default click action is prevented  only on the third click it would be enabled lt  a gt   lt div id  log  gt  lt  div gt    Javascript    lt script gt  var counter   1    document  ready function        a    click function  event       event preventDefault            lt div gt          append   default     event type     prevented   counter        appendTo    log          if counter    2                     lt div gt          append   now enable click         appendTo    log            this  unbind  click     -----this code unbinds the e preventDefault   and restores the link clicking behavior           else                    lt div gt          append   still disabled         appendTo    log               counter             lt  script gt

User · Answer

I had a problem where I needed the default action only after some custom action  enable otherwise disabled input fields on a form  had concluded  I wrapped the default action  submit    into an own  recursive function  dosubmit      var prevdef true  var dosubmit function        if prevdef  true             here we can do something else first           prevdef false          dosubmit              else            this  submit     which was the default action              input somebutton   click function   dosubmit

User · Answer

You can restore the default action  if it is a HREF follow  by doing this   window location     this  attr  href

User · Answer

Use a boolean   let prevent touch   true  document documentElement addEventListener  touchmove   touchMove  false   function touchMove event         if  prevent touch  event preventDefault         I use this in a Progressive Web App to prevent scrolling zooming on some  pages  while allowing on others

User · Answer

You can set to form 2 classes  After you set your JS script to one of them  when you want to disable your script  you just delete the class with binded script from this form   HTML     lt form class  form-create-container form-create  gt   lt  form gt       JS     document  on  submit     form-create   function                            form-create-container   removeClass  form-create   submit

User · Answer

In my case       some link   click function event       event preventDefault              some link   unbind  click    worked as the only method to restore the default action   As seen over here  https   stackoverflow com a 1673570 211514

User · Answer

The Event interface s preventDefault   method tells the user agent that if the event does not get explicitly handled  its default action should not be taken as it normally would be  The event continues to propagate as usual  unless one of its event listeners calls stopPropagation   or stopImmediatePropagation    either of which terminates propagation at once   Calling preventDefault   during any stage of event flow cancels the event  meaning that any default action normally taken by the implementation as a result of the event will not occur   You can use Event cancelable to check if the event is cancelable  Calling preventDefault   for a non-cancelable event has no effect   window onKeydown   event   gt                   if the control button is pressed  the event ctrKey          will be the value   true              if  event ctrKey  amp  amp  event keyCode    83            event preventDefault               you function in here

User · Answer

my elementtt   click function event       trigger  click

User · Answer

in some cases  you can initially return false instead of e preventDefault    then when you want to restore the default to return true    Meaning when you don t mind the event bubbling and you don t use the e stopPropagation   together with e preventDefault     Also see similar question  also in stack Overflow   or in the case of checkbox you can have something like      element  toggle function          checkbox   attr  disabled   true        function           checkbox   removeAttr  disabled

User · Answer

Its fairly simple  Lets suppose you do something like  document ontouchmove   function e   e preventDefault        now to revert it to the original situation  do the below     document ontouchmove   function e   return true      From this website

User · Answer

Test this code  I think solve your problem   event stopPropagation      Reference

User · Answer

Disable   document ontouchstart   function e   e preventDefault        Enable   document ontouchstart   function e   return true

[javascript] How to unbind a listener that is calling event.preventDefault() (using jQuery)?

Examples related to javascript

Examples related to jquery

Examples related to events

Examples related to preventdefault

Examples related to event-bubbling