Ищу полный список типов событий jQuery

Где я могу найти полный список всех поддерживаемых jQuery событий (таких как click, mouseup и т. д.) с некоторыми пояснениями, когда они запускаются? Я ищу те, которые можно связать:

$('#foo').bind('click', handler);

Например, я случайно узнал, что есть событие paste, но нигде не могу найти ссылки на него в их документах. Что еще там?


person serg    schedule 27.05.2010    source источник
comment
Метод bind() устарел в версии 3.0. Вместо этого используйте метод on(). Ниже приведена ссылка на метод jquery on(): api.jquery.com/on   -  person Bahman.A    schedule 10.05.2019


Ответы (5)


Неполный список находится по адресу http://api.jquery.com/category/events/. . Через .bind() и .live() поддерживается больше событий DOM. Эти функции могут назначать обработчик любому стандартному событию DOM, большинство из которых перечислены вместе с таблицами совместимости по адресу http://www.quirksmode.org/dom/events/

Метод .bind() является основным средством привязки поведения к документу. Все типы событий JavaScript, такие как фокус, наведение мыши и изменение размера, разрешены для eventType.


Начиная с jQuery 1.7, вы должны использовать .on() вместо .live() и .bind().

person Andy E    schedule 27.05.2010
comment
Все события привязки - это то, что я ищу (а не функции быстрого доступа). Возможно, мне следует перефразировать свой вопрос. - person serg; 27.05.2010
comment
@ serg555: я добавил ссылку на quirksmode.org, там перечислены большинство (если не все) событий вместе с таблицами совместимости для каждого браузера. Обратите внимание, что Opera не поддерживает событие paste. - person Andy E; 27.05.2010
comment
При ближайшем рассмотрении он кажется довольно устаревшим. Например, он говорит, что mouseleave работает только в IE, но это не так. - person serg; 27.05.2010
comment
@ serg555: на самом деле mouseleave реализовано jQuery, это не стандартное событие. Firefox и Chrome не поддерживают его, я не проверял Safari и Opera. jQuery предоставляет это событие в этих браузерах. Вы правы, однако, некоторые материалы quirksmode.org устарели. - person Andy E; 28.05.2010
comment
Мне нужна функция для запуска классифицированного элемента, когда он либо 1) загружается, либо 2) загружается на страницу через ajax, я пробовал on('ready', '.my-class', handler), но это не сработало. - person Shimmy Weitzhandler; 16.05.2013
comment
Этот ответ на самом деле не актуален. Например, touch события не указаны. - person Florian Margaine; 10.02.2014

MDN имеет хороший обзор большинства стандартных и нестандартных событий.

https://developer.mozilla.org/en-US/docs/Web/Reference/Events< /а>

person Andres    schedule 03.07.2013

Вы можете просмотреть полный список событий jQuery: http://api.jquery.com/category/events/

Но что касается упомянутого вами события paste, jQuery также может связываться со стандартными событиями DOM. Хороший список предоставлен MDN https://developer.mozilla.org/en-US/docs/Web/Events

person afasdfasdf    schedule 12.12.2014

На этой странице перечислены все события, которые работают во всех браузерах, насколько мне известно. Вы не найдете здесь событие «вставить», потому что, как указывали другие, оно работает не во всех браузерах.

http://www.authenticsociety.com/jquery/list-all-jquery-events.html

person InfiniteStack    schedule 02.03.2012
comment
Это неправильно: .mouseup(): указатель мыши находится над элементом в любое время, пока кнопка мыши нажата - person Zach; 09.02.2013

Я знаю, что этот вопрос довольно старый. Но ради того, чтобы дать обновленный и полный ответ на этот вопрос.

Сокращенные методы всегда называются так же, как имена событий, используемые в любом из методов on()/bind()/live().

Поэтому, если вы хотите использовать любую функцию быстрого доступа, но с on()/bind()/live(), вы можете просто взять имя метода, опустить квадратные скобки и поместить его в кавычки следующим образом: < strong>"название события"/'название события'. Они должны вести себя одинаково.

Например: .dblclick() -> 'dblclick' =>

$('a').on('dblclick', function() {  
    console.log("I got double clicked");
});

http://api.jquery.com/category/events/ — полный список методы событий. (Да, я знаю, что я не единственный, кто указывает на этот сайт, но вместе с моим объяснением это на самом деле полный список событий для 'on'/'live'/'bind')

Если у вас есть возможность использовать on(), вы должны сделать это, поскольку on() делает то же самое, и все вызовы «bind» и «live» фактически вызывают функцию «on». Вот еще доказательства этого: В чем разница между `on` и `жить` или `привязывать`?

Также некоторые люди спрашивали о сенсорных (мобильных) событиях. Обычно я рекомендую привыкнуть к методу события on(), потому что согласно Мобильная документация по jQuery это единственный способ зарегистрировать сенсорные события на html-элементах, что соответствует будущим планам API jQuery по удалению bind()/live() и всех методов быстрого доступа к событиям.

person MarquisBS    schedule 11.07.2016