пример
Приложить событие щелчка к <p> элемента:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Попробуй сам " Определение и использование
on() метод придает один или несколько обработчиков событий для выбранных элементов и дочерних элементов.
По состоянию на JQuery версии 1.7, то on() метод является новая замена для bind(), live() и delegate() методы. Этот метод приносит много консистенции к API, и мы рекомендуем использовать этот метод, поскольку это упрощает базу кода JQuery.
Примечание: обработчики событий прилагается , используя on() метод будет работать для текущих и будущих элементов (как новый элемент , созданный с помощью скрипта).
Совет: Для удаления обработчиков событий, используйте off() метод.
Совет: Чтобы прикрепить событие , которое запускается только один раз , а затем удаляет себя, используйте one() метод.
Синтаксис
$(selector).on(event,childSelector,data,function,map)
| параметр | Описание |
|---|---|
| event | Необходимые. Задает один или несколько event(s) или пространств имен , чтобы прикрепить к выбранным элементам. Несколько значений событий разделяются пробелом. Должно быть действительным событием |
| childSelector | Необязательный. Указывает , что обработчик событий должен быть прикреплен только к указанным дочерним элементам (а не Селектор себя, как устаревший delegate() метод). |
| data | Необязательный. Задает дополнительные данные, чтобы передать функции |
| function | Необходимые. Задает функцию для запуска при наступлении события |
| map | Задает отображение события ( {event:function, event:function, ...}) , содержащий один или несколько событие , чтобы прикрепить к выбранным элементам, и функции для запуска при возникновении события |
Попробуйте сами - Примеры
Переход от bind() до on()
Как использовать on() , чтобы достичь того же эффекта , как bind() .
Переход от delegate() до on()
Как использовать on() , чтобы достичь того же эффекта , как delegate() .
Переход от live() , чтобы on()
Как использовать on() , чтобы достичь того же эффекта , как в live() .
Приложить несколько событий
Как прикрепить несколько событий к элементу.
Прикрепите несколько обработчиков событий с помощью параметра карты
Как подключить несколько обработчиков событий для выбранных элементов с помощью параметра по карте.
Приложить пользовательское событие на элементе
Как присоединить настроенную событие пространства имен на элемент.
Проход вдоль данных в функции
Как передать данные функции.
Добавьте обработчики событий для будущих элементов
Покажите , что on() метод работает и для элементов еще не созданы.
Удалить обработчик события
Как удалить обработчик событий с помощью off() метод.