Работа с событиями

Для работы с событиями существует три основных метода:

добавление обработчика тут я использую простейшую сигнатуру метода

инициация события из скрипта

отключение обработчика событий

Давайте рассмотрим метод .on():

// вешаем обработчик
$("p").on("click", function() {
    // что-то делаем
    alert("Click!");
});

Запустите код выше в песочнице, и попробуйте кликнуть по параграфу.

Можете данный обработчик запустить программно:

$("p").trigger("click");

Когда наиграетесь, можете отключить обработчик с помощью метода .off():

$("p").off("click");

Хотя я ещё хотел упомянуть один важный момент — внутри обработчика вы можете получить доступ к DOM-элементу используя ключевое слово this. Если же надо будет воспользоваться jQuery-инструментами, то используйте конструкцию $(this):

$("p").on("click", function() {
    $(this).css("color", "red");
});

Last updated