JQuery deaktivieren Onclick -Event

Dieser Artikel enthält mehrere JQuery -Code -Snippets, um zu verhindern, dass Eingabefelder klicken, wenn eine Schaltfläche klickt, wodurch das Ereignis onclick effektiv deaktiviert wird. Beachten Sie, dass diese Beispiele grundlegend sind und möglicherweise abhängig von Ihrer spezifischen Anwendung Anpassungen erfordern.

$('.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);
});

häufig gestellte Fragen (FAQs) zum Deaktivieren von Onclick -Ereignissen mit JQuery

Dieser Abschnitt befasst sich mit häufigen Fragen zum Deaktivieren von onclick Ereignissen mit JQuery. Die .off() -Methode ist der empfohlene Ansatz für die Verwaltung von Ereignishandlern.

F: Wie deaktiviert man das onclick -Ereignis in jQuery?

a: Verwenden Sie die Methode .off(), um Ereignishandler zu entfernen, die zuvor mit .on():

angehängt sind

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

F: Wie deaktiviert man alle Ereignisse für ein Element?

a: aufrufen .off() ohne Argumente:

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

F: Wie kann ein deaktiviertes onclick Ereignis wieder aufgenommen werden?

a: den Ereignisbehandler mit .on():

erneut anbringen

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

F: Wie deaktiviert man onclick für eine bestimmte Funktion?

a: übergeben Sie die Funktion als Argument an .off():

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

F: Wie deaktiviert man onclick für alle Elemente eines bestimmten Typs?

a: Verwenden Sie den Elementtyp als Selektor:

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

F: Wie deaktiviere ich mehrere Ereignisse gleichzeitig?

a: Übergeben Sie mehrere Ereignisnamen, die durch Leerzeichen auf .off():

getrennt sind

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

F: Wie deaktiviert man onclick für dynamisch hinzugefügte Elemente?

a: Verwenden Sie die Ereignisdelegation mit .on() auf einem statischen Elternteil:

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

F: Wie deaktiviert man onclick ohne jQuery?

a: Verwenden Sie removeEventListener in einfacher JavaScript:

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

F: Wie kann ich überprüfen, ob onclick deaktiviert ist?

a: Es gibt keine direkte Methode. Verwalten Sie ein Flag- oder Datenattribut, um den Status des Ereignishandlers zu verfolgen.

F: Wie deaktiviert man onclick für eine bestimmte Dauer?

a: Verwenden Sie setTimeout, um den Ereignishandler nach einer Verzögerung erneut zu vermitteln:

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

Das obige ist der detaillierte Inhalt vonJQuery deaktivieren Onclick -Event. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!