EmberJS - Manejo de eventos
Los eventos del usuario, como hacer doble clic, desplazarse, presionar teclas, etc., pueden ser manejados por controladores de eventos. Para hacer esto, aplique el nombre del evento como método en el componente.
Por ejemplo, considere que tenemos una plantilla como se indica a continuación:
{{#double-clickable}}
//code here
{{/double-clickable}}
Cuando hace doble clic en el elemento, se mostrará el mensaje como se muestra a continuación:
import Ember from 'ember';
export default Ember.Component.extend ({
doubleClick() {
document.write("The double click event has occurred!");
}
});
Nombres de eventos
Ember.js contiene los siguientes eventos integrados, como eventos táctiles, de teclado, de mouse, de formulario, de arrastrar y soltar.
Toque Eventos
- touchStart
- touchMove
- touchEnd
- touchCancel
Eventos de teclado
- keyDown
- keyUp
- keyPress
Eventos del mouse
- mouseDown
- mouseUp
- contextMenu
- click
- doubleClick
- mouseMove
- focusIn
- focusOut
- mouseEnte
- mouseLeave
Eventos de formulario
- submit
- change
- focusIn
- focusOut
- input
Eventos de arrastrar y soltar HTML5
- dragStart
- drag
- dragEnter
- dragLeave
- dragOver
- dragEnd
- drop
Puede utilizar controladores de eventos para enviar acciones desde el componente a su aplicación. Para obtener más información sobre el envío de acciones, consulte la siguiente sección .