Detaillierte Beispiele für die Verwendung von jquery zum Entfernen, Binden und Auslösen des Elements events_jquery

Code kopieren Der Code lautet wie folgt:

unbind(type [,data]) / /data ist zu entfernende Funktion
$('#btn').unbind("click"); //Entfernen click
$('#btn').unbind( //Alle entfernen

Für Situationen, die nur einmal ausgelöst und dann sofort gelöst werden müssen, verwenden Sie one()

Code kopieren Der Code ist wie folgt:

$('#btn').one("click",function(){.....});

Trigger-Operation
trigger()-Methode löst den angegebenen Ereignistyp des ausgewählten Elements aus.

Code kopieren Der Code lautet wie folgt:

$('#btn').trigger („klicken“);

Sie können das Ereignis auch direkt ausführen

Kopieren Sie den Code Der Code lautet wie folgt:

$('# btn').click();

Benutzerdefinierte Ereignisse auslösen
Die bind()-Methode fügt dem ausgewählten Element einen oder mehrere Ereignishandler hinzu und gibt die Funktion an, die ausgeführt werden soll, wenn das Ereignis auftritt.

Code kopieren Der Code lautet wie folgt:

$('#btn').bind ("myclick ",function(){....});

Simulieren Sie das Auslösen der oben genannten Bindungsfunktion

Kopieren Sie den Code Der Code lautet wie folgt:

$( '#btn').trigger("myclick");

Pass data trigger(event,[param1,param2,...])

Code kopieren Der Code lautet wie folgt :

$('#btn').bind("myclick",function(event,message1,message2){.............});
$(' #btn').trigger("myclick",["pass to message1","pass to message2"]);

Ausführung der Standardaktion auslösen

Code kopieren Der Code lautet wie folgt:

$("input" ).trigger("focus");
//Es löst nicht nur das an das Eingabeelement gebundene Fokusereignis aus, sondern auch die Standardoperation – Fokus abrufen

Löst nur Bindungsereignisse aus und führt keine Browser-Standardvorgänge aus

Code kopieren Der Code lautet wie folgt:

$("input").triggerHandler("focus");
//Nur das Bindungsereignis auslösen und nicht den Browser-Standardvorgang ausführen

Andere Verwendungszwecke

Mehrere Ereignistypen binden

Code kopieren Der Code lautet wie folgt:

$( " div").bind("mouseover mouseout",function(){.....});

Ereignis-Namespace hinzufügen

Code kopieren Der Code lautet wie folgt:

$(" div" ).bind("click.plugin",function(){......});

Fügen Sie nach dem gebundenen Welttyp einen Namespace hinzu, sodass Sie beim Löschen eines Ereignisses nur den Namespace angeben müssen.

Code kopieren Der Code lautet wie folgt:

$("div").unbind( ".plugin "); //Ereignisse im Raum löschen
$("div").trigger("click!" //Die Klickmethode auslösen, die nicht im Namespace enthalten ist

Wenn es im Namespace enthalten ist, wird es auch ausgelöst

Kopieren Sie den Code Der Code lautet wie folgt:

$(“div”).trigger(“click”);

Funktion abbrechen oder binden

Code kopieren Der Code lautet wie folgt:

$( 'div ').bind('click', RecommandProduct);//RecommandProduct-Funktion an div binden
$('div').unbind('click', RecommandProduct);//RecommandProduct-Funktion abbrechen