jQuery / Events

change — изменение значения элемента (значение, при потери фокуса, элемента отличается от изначального, при получении фокуса)
click — клик по элементу (порядок событий: mousedown, mouseup, click)
dblclick — двойной щелчок мышки
resize — изменение размеров элементов
scroll — скроллинг элемента
select — выбор текста (актуален только для input[type=text] и textarea)
submit — отправка формы
focus — фокус на элементе – актуально для input[type=text], но в современных браузерах работает и с другими элементами
blur — фокус ушёл с элемента — актуально для input[type=text] — срабатывает при клике по другому элементу на странице или по событию клавиатуры (к примеру переключение по tab’у)
focusin — фокус на элементе, данное событие срабатывает на предке элемента, для которого произошло событие focus
focusout — фокус ушёл с элемента, данное событие срабатывает на предке
элемента, для которого произошло событие blur
keydown — нажатие клавиши на клавиатуре
keypress — нажатие клавиши на клавиатуре (keydown → keypress → keyup)
keyup — отжатие клавиши на клавиатуре
load — загрузка элемента (например img)
unload — выгрузка элемента (например window)
mousedown — нажатие клавиши мыши
mouseup — отжатие клавиши мыши
mousemove — движение курсора
mouseenter — наведение курсора на элемент, не срабатывает при переходе фокуса на дочерние элементы
mouseleave — вывод курсора из элемента, не срабатывает при переходе фокуса на дочерние элементы
mouseover — наведение курсора на элемент
mouseout — вывод курсора из элемента

$(“#menu li a”).click()
// или используя метод trigger
$(“#menu li a”).trigger(“click”)

$(“#menu li a”).click(function(event){
alert(“Hello!”)
})

$(“#menu li a”).click(function(event){
alert(“Hello!”);
event.preventDefault(); // метод preventDefault() предотвращает переход по ссылке
})

$(“#menu li a”).click(function(event){
alert(“Hello!”);
event.preventDefault();
event.stopPropagation();
})

Для ускорения разработки в jQuery есть быстрый способ вызова этих двух методов за раз:

$(“#menu li a”).click(function(event){
alert(“Hello!”);
return false; // вот это он 🙂
})

// вешаем обработчик
$(‘.class’).on(‘click’, function(){
// что-то делаем
});
// вызываем обработчик
$(‘.class’).trigger(‘click’);
// отключаем обработчик
$(‘.class’).unbind(‘click’);

touchstart — событие схоже с mousedown, происходит при касании пальцем экрана
touchend — убираем палец с экрана, ака mouseup
touchmove — водим пальцем по экрану — mousemove
touchcancel — странное событие, отмена touch до того, как палец был убран

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: