JQUERY Désactiver l'événement onclick

Cet article fournit plusieurs extraits de code jQuery pour empêcher les champs d'entrée de s'effondrer lorsqu'un bouton est cliqué, désactivant efficacement l'événement onclick. Notez que ces exemples sont basiques et peuvent nécessiter des ajustements en fonction de votre application spécifique.

$('.del').click(function(){
   let onclick = $(this).attr('onclick');
   $(this).attr('onclick','');
   showConfirm(onclick);
   return false;
});

$('input').click(function(){
    console.log("clicked");
    let onclick = $(this).attr('onclick');
    $(this).attr('onclick','');
    showConfirm(onclick);
    return false;
});

$('input').each(function () {
  this.onclick = undefined;
});

$('.foo').removeAttr('onclick').click(function(){
  // Perform desired action
});

let original_onclick = $('.del').attr('onclick');
$('.del').removeAttr('onclick').click(function(){
  showConfirm(original_onclick);
});

Des questions fréquemment posées (FAQ) sur la désactivation des événements onclick avec jQuery

Cette section aborde les questions courantes concernant la désactivation des événements onclick utilisant jQuery. La méthode .off() est l'approche recommandée pour gérer les gestionnaires d'événements.

Q: Comment désactiver l'événement onclick dans jQuery?

a: Utilisez la méthode .off() pour supprimer les gestionnaires d'événements précédemment attachés avec .on():

$("#element").off("click");

Q: comment désactiver tous les événements pour un élément?

a: Appelez .off() sans arguments:

$("#element").off();

Q: Comment réactiver un événement désactivé onclick?

a: Refattachez le gestionnaire d'événements en utilisant .on():

$("#element").on("click", function() {
  // Your code here
});

Q: comment désactiver onclick pour une fonction spécifique?

a: passer la fonction comme un argument à .off():

let myFunction = function() {
  // Your code
};
$("#element").off("click", myFunction);

Q: Comment désactiver onclick pour tous les éléments d'un certain type?

a: Utilisez le type d'élément comme sélecteur:

$("button").off("click");

Q: Comment désactiver plusieurs événements à la fois?

a: passer plusieurs noms d'événements séparés par des espaces à .off():

$("#element").off("click mouseover");

Q: comment désactiver onclick pour les éléments ajoutés dynamiquement?

a: Utiliser la délégation d'événements avec .on() sur un parent statique:

$("#parent").on("click", ".dynamic", function(event) {
  event.stopImmediatePropagation();
});

Q: comment désactiver onclick sans jQuery?

a: Utiliser removeEventListener en javascript simple:

document.getElementById("element").removeEventListener("click", myFunction);

Q: comment vérifier si onclick est désactivé?

a: Il n'y a pas de méthode directe. Maintenir un indicateur ou un attribut de données pour suivre l'état du gestionnaire d'événements.

Q: Comment désactiver onclick pour une durée spécifique?

a: Utiliser setTimeout pour réactiver le gestionnaire d'événements après un retard:

$("#element").off("click");
setTimeout(function() {
  $("#element").on("click", myFunction);
}, 5000); // Re-enable after 5 seconds

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!