Entfernen Keydown-Ereignis von jquery Element funktioniert nicht

Question

Ich habe Keydown-Ereignis auf Element.

$("#element").keydown(function() { 
    // do stuff! 
}); 

Jetzt möchte ich es entfernen.

Ich versuchte unbind und off, aber keiner funktioniert.

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

Muss ich tun .on("click", function...) oder .bind("click", function...) statt .click wenn unbind oder off verwenden. Wenn das der Fall ist, dann ist das nicht mein Code und ich darf ihn nicht ändern, also brauche ich einen alternativen Weg.

Gibt es eine andere Möglichkeit als "unbind" oder "off", die tatsächlich funktioniert?

Danke, Hilfe sehr geschätzt !!

Answer 1

.off(events [, selector ] [, handler ]): Version hinzugefügt: 1,7

.unbind(eventType [, handler ]): Version hinzugefügt: 1,0

Die .on() Methode misst Handler Ereignis an die aktuell ausgewählten Gruppe von Elementen in dem Objekt jQuery. Ab jQuery 1.7 bietet die .on() -Methode alle Funktionen, die zum Anhängen von Ereignishandlern erforderlich sind. Informationen zur Konvertierung von älteren jQuery-Ereignismethoden finden Sie unter .bind(), .delegate() und .live(). Informationen zum Entfernen von Ereignissen, die mit .on() gebunden sind, finden Sie unter .off(). Um ein Ereignis zu befestigen, die nur einmal ausgeführt wird und entfernt dann selbst finden .one()

Also schlage ich vor, die Aufmerksamkeit auf die jQuery-Version zu bezahlen, weil bind/unbind nicht so viel mehr verwendet.

im folgenden Ausschnitt Sie die .off() funktioniert gut sehen:

$(window).load(function() { 
 
    $("#element").keydown(function(e) { 
 
    console.log('keydown event'); 
 
    }); 
 
    $("#elementOff").click(function() { 
 
    // unbind keydown 
 
    $("#element").off('keydown'); 
 
    
 
    // attach click 
 
    $("#element").off('click').click(function(e) { 
 
     console.log('click event'); 
 
    }); 
 
    }); 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 

 
<form> 
 
    <input id="element" type="text"> 
 
</form> 
 
<button id="elementOff">Unbind Keydown and attach Click</button>

Answer 2

Als .click() Methode für .on ("nur eine Abkürzung ist Klicken Sie auf ", Handler), Abnehmen ist möglich mit. off ("Klick"):

$("#element").off("click", function(){ 
    $("#element").hide(); //not working 
}); 

$("#element2").on("click", function() { 
    $("#element2").hide(); //working 
}); 

Wenn Sie also eine .keydown (Handler) haben, es ist eine Abkürzung für .on ("keydown", handler) in die erste und zweite Variante, und .trigger ("keydown") in der dritten.

Die angegebenen Argumente müssen übereinstimmen, damit der Ereignishandler entfernt wird.

Wenn Sie nicht möchten, das vorhandene Skript zu berühren, oder es geändert werden kann, empfehle ich Ihnen einfach ein externes hinzufügen.js Skript der HTML-Seite, die Ereignisse um ungebundene:

<script src="your_external_script.js"></script> 

mit ähnlichem Inhalt:

$(document).ready(function(){ 
    $("#element2").unbind("click"); 
});