JQuery vollständige Liste der Ereignisse, an die Sie binden können, an die Sie binden können

JavaScript in Kombination mit JQuery kann viele Mausereignisse, Tastaturereignisse, Browserereignisse und DOM-Elementeereignisse erfassen und bind(), live() und andere Methoden zur Ausführung von ereignisgesteuerten Operationen verwenden. Die folgende Liste der wichtigsten Ereignisse, die Sie wissen sollten: >, blur, focus, focusin, focusout, load, resize, scroll, unload, click dblclick Mausereignis mousedown mouseup mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup error,

>

Beispiel:

scroll click Tastaturereignisse dblclick mousedown mouseup, mousemove, mouseover, mouseout mouseenter mouseleave Beispiel: load resize scroll Browser -Ereignisse unload error

,

,

,

(function($) {
    $(document).ready(function() {
        $('#id').bind('click', function(e) {
            // 鼠标事件触发（元素被点击）
        });
    });
})(jQuery);

,

,

keydown Beispiel: keypress keyup

DOM -Elementereignis

(function($) {
    $(document).ready(function() {
        $(document).bind('keypress', function(e) {
            // 键盘事件触发
        });
    });
})(jQuery);

,

,

,

, load, resize, scroll, unload error

Beispiel:

(function($) {
    $(document).ready(function() {
        // 浏览器事件触发（文档对象模型加载完成）
    });
})(jQuery);

Demo

Siehe: Suchen Sie den Schlüsselcode der Tastaturschlüssel

blur focus jQuery Ereignisbindungsliste FAQs (FAQs) focusin Was ist der Unterschied zwischen focusout und change in select? submit Die Methoden

und

in

jQuery werden beide verwendet, um Ereignisse an Elemente anzubringen. Es gibt jedoch einige wichtige Unterschiede zwischen den beiden. Die Methode

(function($) {
    $(document).ready(function() {
        $('#id').bind('blur', function(e) {
            // DOM事件触发（输入焦点离开）
        });
    });
})(jQuery);

ist eine Methode zusätzlicher Ereignisse, die ursprünglich von JQuery bereitgestellt wurden. Es funktioniert nicht mit Elementen, die nach dem Laden der Seite dynamisch hinzugefügt werden. Andererseits ist die in JQuery 1.7 eingeführte

-Methode sowohl für vorhandene Elemente als auch für Elemente geeignet, die später dynamisch hinzugefügt werden. Jetzt wird empfohlen,

im neuen Code zu verwenden, da er eine bessere Leistung und mehr Funktionen hat.

Wie kann man Ereignisse in JQuery entbinden?

Um Ereignisse in JQuery zu entbinden, können Sie die .unbind() -Methode verwenden. Diese Methode löscht den Ereignishandler mit der .bind() -Methode. Sie können alle Ereignishandler für ein Element löschen oder spezifische Ereignishandler löschen, indem Sie den Ereignisart als Parameter angeben. Zum Beispiel löscht $("#element").unbind("click") alle Klick -Ereignishandler für Elemente mit ID 'Element'.

Kann ich mehrere Ereignisse in JQuery an dasselbe Element binden?

Ja, Sie können mehrere Ereignisse in JQuery an das gleiche Element binden. Sie können dies tun, indem Sie ein Objekt an die .on() -Methode weitergeben, wobei der Schlüssel der Ereignisname und der Wert der Ereignishandler ist. Zum Beispiel bindet $("#element").on({click: function(){}, mouseover: function(){}}) sowohl Klick- als auch Mausover -Ereignisse an Elemente mit ID "Element".

Wie kann man die Ereignisverbreitung in JQuery stoppen?

Um die Ereignisausbreitung in JQuery zu stoppen, können Sie die .stopPropagation() -Methode verwenden. Diese Methode verhindert, dass Ereignisse im DOM -Baum sprudeln und verhindern, dass ein Elternhandler Ereignisbenachrichtigungen empfängt. Sie können diese Methode im Ereignishandler wie folgt aufrufen: function(event){ event.stopPropagation(); }.

Was ist Event -Delegierter in JQuery und wie kann ich es verwenden?

Ereignisdelegation in JQuery ist eine Technik, bei der Sie die Ereignisverarbeitung an ein übergeordnetes Element delegieren, anstatt Ereignisse an ein bestimmtes Element zu binden. Dies ist besonders nützlich, wenn Sie viele Elemente oder Elemente dynamisch hinzufügen. Sie können den Ereignisdelegierten verwenden, indem Sie den Selektor als zweiten Parameter unter Verwendung der .on() -Methode angeben. Zum Beispiel delegiert $("#parent").on("click", ".child", function(){}) das Klickereignis aller untergeordneten Elemente an das übergeordnete Element.

Wie kann man ein Ereignis programmgesteuert in JQuery auslösen?

Um ein Ereignis programmgesteuert in JQuery auszulösen, können Sie die .trigger() -Methode verwenden. Diese Methode löst das Standardverhalten der angegebenen Ereignisse und Ereignisse im ausgewählten Element (z. B. Formulareingabe) aus. Beispielsweise löst $("#element").trigger("click") programmgesteuert ein Klickereignis in einem Element mit ID 'Element' aus.

Kann ich Daten an Event -Handler in JQuery übergeben?

Ja, Sie können Daten an Ereignishandler in JQuery übergeben. Sie können dies tun, indem Sie das Objekt als zweiten Parameter an die .on() -Methode übergeben. Die Eigenschaften dieses Objekts werden als Eigenschaften im Ereignisobjekt innerhalb des Ereignishandlers verfügbar sein. Zum Beispiel wird $("#element").on("click", {name: "John"}, function(event){ alert(event.data.name); }) "John" angezeigt, wenn das Element klickt.

Was ist der Unterschied zwischen

und .live() in .on()?

Die Methoden

und .live() in .on() jQuery werden beide verwendet, um Ereignisse an Elemente anzubringen. Es gibt jedoch einige Einschränkungen und Merkmale der veralteten .live() -Methode in JQuery 1.7. Es funktioniert nicht mit bestimmten Ereignissen (z. B. "Senden" und "Focus") und fügt den Ereignishandler dem Dokumentwurzel bei, was zu Leistungsproblemen führen kann. Andererseits überwindet die .on() -Methode diese Einschränkungen und ist nun die empfohlene Methode.

Wie blockiere ich die Standardaktion von Ereignissen in JQuery?

Um die Standardaktion von Ereignissen in JQuery zu blockieren, können Sie die .preventDefault() -Methode verwenden. Wenn das Ereignis storniert werden kann, storniert diese Methode das Ereignis, was bedeutet, dass die Standardaktion, die zum Ereignis gehört, nicht erfolgt. Sie können diese Methode im Ereignishandler wie folgt aufrufen: function(event){ event.preventDefault(); }.

Kann ich Ereignisse nur einmal in JQuery an Elemente binden?

Ja, Sie können Ereignisse nur einmal in JQuery an Elemente binden. Sie können die .one() -Methode verwenden, um dies zu erreichen. Diese Methode funktioniert genauso wie die .on() -Methode, aber nachdem der Ereignishandler einmal abgefeuert wurde, wird der Event -Handler gelöscht. Zum Beispiel löst $("#element").one("click", function(){}) den Klick -Ereignishandler nur einmal für Elemente mit ID "Element" aus.

Das obige ist der detaillierte Inhalt vonJQuery vollständige Liste der Ereignisse, an die Sie binden können, an die Sie binden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!