Latest web development tutorials

Jquery события

Jquery разработан специально для обработчика событий.


Что такое событие?

ответ Страница для различных посетителей называют событиями.

Метод обработчика событий означает, что при наступлении определенных событий HTML при вызове.

Пример:

  • Наведите указатель мыши на элемент.
  • Выберите переключатель
  • Щелкните элемент

Этот термин часто используется в случае "триггера" (или "возбуждение"), например: "инициирующее событие нажатия клавиши при нажатии клавиш."

Общие события DOM:

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload  


JQuery синтаксис метод события

В JQuery, большинство событий DOM имеют эквивалент методов JQuery.

Страница, укажите событие, нажмите:

. $ ( "P") нажмите ();

Следующим шагом является определение того, что время запуска события. Вы можете реализовать функцию обработки события:

$ ( "P"). Нажмите кнопку (функция () {
После того, как код !! // действие вызывается
});


Обычно используется метод события Jquery

$ (Документ) .ready ()

Метод $ (документ) .ready () позволяет полностью загрузить документ после выполнения функции. Метод события в синтаксисе Jquery разделе было упомянуто.

нажмите ()

нажмите () метод, когда событие нажатия кнопки срабатывает вызывает функцию.

Эта функция выполняется, когда пользователь нажимает на HTML элемент.

В следующем примере, при нажатии на элемент в событийной <р>, чтобы скрыть элемент тока <p>:

примеров

$("p").click(function(){
$(this).hide();
});

Попробуйте »

DblClick ()

При двойном щелчке элемент, происходит DblClick событие.

DblClick () метод запуска DblClick событие или заранее определенную функцию для запуска, когда происходит событие DblClick:

примеров

$("p").dblclick(function(){
$(this).hide();
});

Попробуйте »

MouseEnter ()

Когда указатель мыши через элемент, происходит MouseEnter событие.

MouseEnter () событие метод MouseEnter триггера или заранее определенную функцию для запуска, когда происходит событие MouseEnter:

примеров

$("#p1").mouseenter(function(){
alert("You entered p1!");
});

Попробуйте »

MouseLeave ()

Когда указатель мыши покидает элемент, происходит MouseLeave событие.

MouseLeave () метод MouseLeave триггер события, или когда заданная функция выполняется, когда происходит событие MouseLeave:

примеров

$("#p1").mouseleave(function(){
alert("Bye! You now leave p1!");
});

Попробуйте »

MouseDown ()

Когда указатель мыши перемещается над элементом и нажав кнопку мыши, происходит событие MouseDown.

MouseDown () метод вызывает событие MouseDown или функцию, указанную при запуске события MouseDown происходит:

примеров

$("#p1").mousedown(function(){
alert("Mouse down over p1!");
});

Попробуйте »

MouseUp ()

При отпускании кнопки мыши над элементом, происходит MouseUp событие.

MouseUp () инициирующее событие метод MouseUp или заранее определенную функцию для запуска, когда происходит событие MouseUp:

примеров

$("#p1").mouseup(function(){
alert("Mouse up over p1!");
});

Попробуйте »

наведите курсор мыши ()

Метод Hover () используется для имитации наведении курсора на события.

При перемещении курсора мыши на элементы, она запустит первую заданную функцию (MouseEnter), а когда мышь перемещается прочь элемента, это вызовет вторую указанную функцию (MouseLeave).

примеров

$("#p1").hover(function(){
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});

Попробуйте »

фокус ()

Когда элемент получает фокус, фокус события происходят.

Когда мыши на выбранном элементе или элементах с помощью таргетинга клавиши табуляции, элемент будет в центре внимания.

фокус () метод вызывает событие фокусировки или заранее определенную функцию для запуска, когда происходит событие фокус:

примеров

$("input").focus(function(){
$(this).css("background-color","#cccccc");
});

Попробуйте »

размытие ()

Когда элемент теряет фокус, происходит размытие события.

размывание () метод вызывает событие размытия или функцию для запуска, когда заранее определенное событие происходит размытие:

примеров

$("input").blur(function(){
$(this).css("background-color","#ffffff");
});

Попробуйте »