Szukam pełnej listy typów zdarzeń jQuery
Gdzie mogę znaleźć pełną listę wszystkich obsługiwanych przez jQuery zdarzeń (jak click
, mouseup
itp.) z jakimiś wyjaśnieniami, kiedy są wyzwalane? Szukam tych ktore da sie oprawic:
$('#foo').bind('click', handler);
Na przykład przez przypadek dowiedziałem się, że istnieje paste
zdarzenie, ale nie mogę znaleźć żadnych odniesień do niego w ich dokumentach. Co jeszcze?
5 answers
Niewyczerpująca lista znajduje się na http://api.jquery.com/category/events/. istnieje więcej zdarzeń DOM obsługiwanych przez .bind()
i .live()
. Funkcje te mogą przypisać obsługę do dowolnego standardowego zdarzenia DOM, z których większość jest wymieniona wraz z tabelami zgodności w http://www.quirksmode.org/dom/events/
The .metoda bind() jest podstawowym sposobem dołączania zachowania do dokumentu. Wszystkie typy zdarzeń JavaScript, takie jak focus, mouseover i resize, są dozwolone dla eventType.
Od jQuery 1.7, powinieneś używać .on()
zamiast .live()
i .bind()
.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-02-16 00:58:09
MDN ma dobry przegląd większości standardowych i niestandardowych zdarzeń
Https://developer.mozilla.org/en-US/docs/Web/Reference/Events
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-07-03 08:59:58
Możesz sprawdzić pełną listę zdarzeń jQuery: http://api.jquery.com/category/events/
Ale jeśli chodzi o Zdarzenie paste
, o którym wspomniałeś, jQuery może również powiązać ze standardowymi zdarzeniami DOM. Dobrą listę dostarcza MDN https://developer.mozilla.org/en-US/docs/Web/Events
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-12-12 10:41:30
Ta strona zawiera listę wszystkich zdarzeń , które działają we wszystkich przeglądarkach . Nie znajdziesz tutaj zdarzenia "wklej", ponieważ, jak zauważyli inni, nie działa ono we wszystkich przeglądarkach.
Http://www.authenticsociety.com/jquery/list-all-jquery-events.html
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-03-02 08:16:14
Wiem, że to pytanie jest dość stare. Ale ze względu na udzielenie zaktualizowanej i pełnej odpowiedzi na to pytanie.
Metody skrótów mają zawsze taką samą nazwę Jak nazwy zdarzeń używane w metodach on()/bind()/live ().
Więc jeśli chcesz użyć jakiegoś zdarzenia skrótu, ale z on ()/bind () / live (), możesz po prostu wziąć nazwę Metody, ommit nawiasy i umieścić go w cudzysłowach, jak tak: "eventname"/'eventname'. Powinni zachowywać się to samo.
Więc na przykład: .dblclick () - > 'dblclick' =>
$('a').on('dblclick', function() {
console.log("I got double clicked");
}
Http://api.jquery.com/category/events/ jest kompletną listą metod zdarzeń. (Tak Wiem, że nie jestem jedynym wskazującym na tę stronę, ale wraz z moim wyjaśnieniem jest to kompletna lista wydarzeń Dla "on"/ "live" / "bind")
Jeśli masz szansę użyć on (), powinieneś to zrobić, ponieważ on () robi to samo i wszystkie wywołania 'bind' i 'live' faktycznie wywołują funkcję 'on'. Oto więcej dowodów o tym: Jaka jest różnica między " NA " i "na żywo" lub "wiązać"?
Również niektórzy pytali o wydarzenia dotykowe (mobilne). Ogólnie polecam przyzwyczaić się do metody on () event, ponieważ zgodnie z jQuery Mobile documentation jest to jedyny sposób rejestrowania zdarzeń dotykowych na elementach html, co jest na równi z przyszłymi planami jQuery api dotyczącymi usuwania bind () / live () i wszystkich metod zdarzeń skrótów.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:25:22