EmberJS - Gestione degli eventi

Gli eventi utente come il doppio clic, il passaggio del mouse, la pressione di un tasto, ecc. Possono essere gestiti dai gestori di eventi. A tale scopo, applicare il nome dell'evento come metodo sul componente.

Ad esempio, considera di avere un modello come indicato di seguito:

{{#double-clickable}}
   //code here
{{/double-clickable}}

Quando fai doppio clic sull'elemento, verrà visualizzato il messaggio come mostrato di seguito -

import Ember from 'ember';

export default Ember.Component.extend ({
   doubleClick() {
      document.write("The double click event has occurred!");
   }
});

Nomi degli eventi

Ember.js contiene i seguenti eventi incorporati come tocco, tastiera, mouse, modulo, eventi di trascinamento della selezione.

Tocca Eventi

touchStart
touchMove
touchEnd
touchCancel

Eventi di tastiera

keyDown
keyUp
keyPress

Eventi del mouse

mouseDown
mouseUp
contextMenu
click
doubleClick
mouseMove
focusIn
focusOut
mouseEnte
mouseLeave

Eventi modulo

submit
change
focusIn
focusOut
input

Eventi di trascinamento della selezione HTML5

dragStart
drag
dragEnter
dragLeave
dragOver
dragEnd
drop

È possibile utilizzare gestori di eventi per inviare azioni dal componente all'applicazione. Per ulteriori informazioni sull'invio di azioni, consultare la sezione seguente .

↰ Previous page