Comment dissocier un écouteur qui appelle event.preventDefault () (en utilisant jQuery)?

jquery toggle appelle preventDefault () par défaut, donc les valeurs par défaut ne fonctionnent pas. vous ne pouvez pas cliquer sur une case à cocher, vous ne pouvez pas cliquer sur un lien, etc.

est-il possible de restaurer le gestionnaire par défaut?

Dans mon cas:

$('#some_link').click(function(event){
    event.preventDefault();
});

$('#some_link').unbind('click'); a fonctionné comme la seule méthode pour restaurer l'action par défaut.

Comme vu ici: https://stackoverflow.com/a/1673570/211514

C'est assez simple

Supposons que vous fassiez quelque chose comme

document.ontouchmove = function(e){ e.preventDefault(); }

maintenant, pour revenir à la situation d'origine, procédez comme suit ...

document.ontouchmove = function(e){ return true; }

À partir de ce site Web .

Il n'est pas possible de restaurer un preventDefault()mais ce que vous pouvez faire est de le tromper :)

<div id="t1">Toggle</div>
<script type="javascript">
$('#t1').click(function (e){
   if($(this).hasClass('prevented')){
       e.preventDefault();
       $(this).removeClass('prevented');
   }else{
       $(this).addClass('prevented');
   }
});
</script>

Si vous souhaitez aller plus loin, vous pouvez même utiliser le bouton de déclenchement pour déclencher un événement.

function DoPrevent(e) {
  e.preventDefault();
  e.stopPropagation();
}

// Bind:
$(element).on('click', DoPrevent);

// UnBind:
$(element).off('click', DoPrevent);

dans certains cas * vous pouvez initialement return falseau lieu de e.preventDefault(), puis lorsque vous souhaitez restaurer la valeur par défautreturn true .

* Cela signifie que lorsque l'événement bouillonne ne vous dérange pas et que vous n'utilisez pas le e.stopPropagation()avece.preventDefault()

Voir également la question similaire (également dans le débordement de pile)

ou dans le cas de la case à cocher, vous pouvez avoir quelque chose comme:

$(element).toggle(function(){
  $(":checkbox").attr('disabled', true);
  },
function(){
   $(":checkbox").removeAttr('disabled');
}) 

Vous pouvez restaurer l'action par défaut (s'il s'agit d'un suivi HREF) en procédant comme suit:

window.location = $(this).attr('href');

s'il s'agit d'un lien $(this).unbind("click");, réactiverait le clic sur le lien et le comportement par défaut serait restauré.

J'ai créé une démonstration de violon JS pour montrer comment cela fonctionne:

Voici le code du violon JS:

HTML:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<a href="http://jquery.com">Default click action is prevented, only on the third click it would be enabled</a>
<div id="log"></div>

Javascript:

<script>
var counter = 1;
$(document).ready(function(){
$( "a" ).click(function( event ) {
  event.preventDefault();

  $( "<div>" )
    .append( "default " + event.type + " prevented "+counter )
    .appendTo( "#log" );

    if(counter == 2)
    {
        $( "<div>" )
    .append( "now enable click" )
    .appendTo( "#log" );

    $(this).unbind("click");//-----this code unbinds the e.preventDefault() and restores the link clicking behavior
    }
    else
    {
        $( "<div>" )
    .append( "still disabled" )
    .appendTo( "#log" );
    }
    counter++;
});
});
</script>

Testez ce code, je pense résoudre votre problème:

event.stopPropagation();

Référence

La meilleure façon de faire cela en utilisant l'espace de noms. C'est un moyen sûr et sécurisé. Ici .rb est l'espace de noms qui garantit que la fonction de détachement fonctionne sur ce keydown particulier mais pas sur d'autres.

$(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

Désactiver:

document.ontouchstart = function(e){ e.preventDefault(); }

Activer:

document.ontouchstart = function(e){ return true; }

La méthode preventDefault () de l'interface Event indique à l'agent utilisateur que si l'événement n'est pas traité explicitement, son action par défaut ne doit pas être prise comme elle le serait normalement. L'événement continue à se propager comme d'habitude, sauf si l'un de ses écouteurs d'événement appelle stopPropagation () ou stopImmediatePropagation (), l'un ou l'autre mettant fin à la propagation en même temps.

L'appel de preventDefault () à n'importe quelle étape du flux d'événements annule l'événement, ce qui signifie que toute action par défaut normalement prise par l'implémentation à la suite de l'événement ne se produira pas.

Vous pouvez utiliser Event.cancelable pour vérifier si l'événement est annulable. L'appel de preventDefault () pour un événement non annulable n'a aucun effet.

window.onKeydown = event => {
    /*
        if the control button is pressed, the event.ctrKey 
        will be the value  [true]
    */

    if (event.ctrKey && event.keyCode == 83) {
        event.preventDefault();
        // you function in here.
    }
}

J'ai eu un problème où j'avais besoin de l'action par défaut uniquement après la fin d'une action personnalisée (activer les champs de saisie autrement désactivés sur un formulaire). J'ai encapsulé l'action par défaut (submit ()) dans une propre fonction récursive (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()});

Utilisez un booléen:

let prevent_touch = true;
document.documentElement.addEventListener('touchmove', touchMove, false);
function touchMove(event) { 
    if (prevent_touch) event.preventDefault(); 
}

J'utilise ceci dans une application Web progressive pour empêcher le défilement / zoom sur certaines «pages» tout en autorisant d'autres.

Vous pouvez définir pour former 2 classes. Après avoir défini votre script JS sur l'un d'entre eux, lorsque vous souhaitez désactiver votre script, vous supprimez simplement la classe avec le script lié de ce formulaire.

HTML:

<form class="form-create-container form-create"> </form>   

JS

$(document).on('submit', '.form-create', function(){ 
..... ..... ..... 
$('.form-create-container').removeClass('form-create').submit();

});

$('#my_elementtt').click(function(event){
    trigger('click');
});

Je ne sais pas ce que vous voulez dire: mais voici une solution pour un problème similaire (et peut-être le même) ...

J'utilise souvent preventDefault () pour intercepter des éléments. Cependant: ce n'est pas la seule méthode d'interception ... souvent vous voudrez peut-être juste une "question" à la suite de laquelle le comportement continue comme avant ou s'arrête. Dans un cas récent, j'ai utilisé la solution suivante:

$("#content").on('click', '#replace', (function(event){ return confirm('Are you sure you want to do that?') }));

Fondamentalement, le "prévenir par défaut" est destiné à intercepter et à faire autre chose: le "confirm" est conçu pour être utilisé dans ... eh bien - confirmer!