Latest web development tutorials

jQuery Evento

jQuery está especialmente diseñado para el controlador de eventos.


¿Cuál es el evento?

respuesta de página a los visitantes diferentes eventos llama.

manejador de eventos significa que cuando se producen determinados eventos HTML cuando se invoca.

Ejemplo:

  • Mover el puntero del ratón sobre un elemento.
  • Seleccione el botón de opción
  • Haga clic en el elemento

El término se utiliza a menudo en el evento "disparador" (o "excitación"), por ejemplo: "evento de pulsación de tecla de disparo al presionar las teclas".

eventos DOM comunes:

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


sintaxis de método de evento jQuery

En jQuery, la mayoría de los eventos DOM tienen un equivalente de los métodos de jQuery.

Página, especificar un evento click:

. $ ( "P") click ();

El siguiente paso es definir qué eventos de disparo de tiempo. Puede implementar una función de evento:

$ ( "P"). Click (function () {
Después se activa el código !! // acción
});


método de evento jQuery comúnmente utilizado

$ (Document) ready ()

Método $ (Documento) ready () nos permite cargar completamente el documento después de la ejecución de la función. El método de evento en la sintaxis de jQuery sección se ha mencionado.

haga clic en ()

haga clic en el método () cuando el evento de clic de botón se activa llama a una función.

Esta función se ejecuta cuando el usuario hace clic en un elemento HTML.

En el siguiente ejemplo, cuando se hace clic en un elemento activado por eventos <p> para ocultar el elemento actual <p>:

Ejemplos

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

Trate »

dblclick ()

Al hacer doble clic en el elemento, dblclick evento ocurre.

dblclick () método dblclick evento desencadenante, o una función predeterminada para ejecutarse cuando se produce el evento dblclick:

Ejemplos

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

Trate »

MouseEnter ()

Cuando el puntero del ratón a través del elemento, se produce MouseEnter evento.

MouseEnter () método MouseEnter evento desencadenante, o una función predeterminada para ejecutarse cuando se produce el evento MouseEnter:

Ejemplos

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

Trate »

mouseleave ()

Cuando el puntero del ratón sale del elemento, evento mouseleave se produce.

mouseleave caso mouseleave método trigger (), o cuando una función predeterminada para ejecutar cuando el evento ocurre mouseleave:

Ejemplos

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

Trate »

mousedown ()

Cuando el puntero del ratón se mueve sobre el elemento y pulsando el botón del ratón, el evento MouseDown.

mousedown () método activa el evento MouseDown o función especificada cuando se produce corriendo evento MouseDown:

Ejemplos

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

Trate »

mouseup ()

Cuando el botón del ratón se libera sobre un elemento, evento mouseup se produce.

mouseup () método mouseup evento desencadenante, o una función predeterminada que se ejecutan cuando se produce el evento mouseup:

Ejemplos

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

Trate »

flotar ()

método de la libración () se utiliza para simular el cursor sobre el evento.

Cuando el ratón se mueve a los elementos, se disparará la primera función especificada (MouseEnter); cuando el ratón se mueve fuera del elemento, se disparará la segunda función especificada (mouseleave).

Ejemplos

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

Trate »

centrarse ()

Cuando el elemento recibe el foco, se producen eventos de foco.

Cuando un clic de ratón sobre el elemento o elementos seleccionados por la orientación tecla de tabulación, el elemento será el tema central.

enfoque () método activa el evento de foco, o una función predeterminada para ejecutarse cuando se produce el evento de enfoque:

Ejemplos

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

Trate »

desenfoque ()

Cuando el elemento pierde el foco, falta de definición de evento ocurre.

desenfoque () método activa el evento desenfoque o función a ejecutar cuando se produce un evento predeterminado desenfoque:

Ejemplos

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

Trate »