Contenidos
Definir evento javascript
Las aplicaciones interactivas necesitan tanto los elementos UI botón, textInput, textLabel, dropdown, checkbox, radioButton, imagen, como los manejadores de eventos para esos elementos UI y cada tipo de interacción con el usuario que se necesite. El elemento UI, con id único, debe existir antes de que la función onEvent pueda ser utilizada.
El tipo de evento al que responder. Hay muchos eventos que pueden ser utilizados con un manejador de eventos para responder a todo tipo de acciones que un usuario puede realizar. En el modo de bloque se puede elegir de una lista desplegable de más de 10, pero algunos de los más utilizados se muestran arriba.
La función callback que se ejecuta en respuesta a un evento para el *id* del elemento UI que coincida con el *tipo*. La función puede estar en línea, o definida por separado en su aplicación y llamada desde onEvent().
Eventos de formulario en Javascript
Cuando se produce un evento de un oyente de eventos W3C y llama a su función asociada, también pasa un único argumento a la función: una referencia al objeto de evento. El objeto de evento contiene una serie de propiedades que describen el evento ocurrido.
Por convención, el nombre del parámetro e se utiliza en las funciones activadas por eventos para recibir el argumento del objeto evento. Si quisiera determinar el tipo de evento que ocurrió, como un clic, escribiría:
Varias otras propiedades de objetos de eventos menos utilizadas no aparecen en la Tabla 4.2, incluyendo las coordenadas del ratón. Peter-Paul Koch ofrece una discusión en profundidad y demostraciones de las propiedades de los objetos de evento en www.quirksmode.org/js/events_advanced.html.
Este código no funcionaría en un navegador de Microsoft, porque el modelo de Microsoft no pasa una referencia de objeto de evento como el modelo del W3C; en su lugar, utiliza un objeto global central que contiene las propiedades del evento más reciente. Empezaré con el enfoque del W3C y luego te mostraré cómo trabajar con el objeto de evento de Microsoft.
Enviar evento en javascript
Puedes inspeccionar alimentando la referencia del objeto (no el objeto jQuery) a $.data, y para el segundo argumento alimentar ‘events’ y eso devolverá un objeto poblado con todos los eventos como ‘click’. Puedes hacer un bucle a través de ese objeto y ver lo que hace el manejador de eventos.
Ten en cuenta que esto sólo funcionará con los manejadores de eventos directos, si estás usando $(document).on(“event-name”, “jq-selector”, function() { //logic }), querrás ver la función getEvents al final de esta respuesta
Lista de eventos en Javascript
El siguiente ejemplo muestra cómo utilizar onsubmit. Aquí estamos llamando a la función validate() antes de enviar los datos de un formulario al servidor web. Si la función validate() devuelve true, el formulario será enviado, de lo contrario no enviará los datos.
Estos dos tipos de eventos te ayudarán a crear bonitos efectos con imágenes o incluso con texto. El evento onmouseover se dispara cuando pasas el ratón por encima de cualquier elemento y el onmouseout se dispara cuando mueves el ratón fuera de ese elemento. Prueba el siguiente ejemplo.