EmberJS - 事件處理

可以使用事件處理程式處理雙擊、懸停、按鍵等使用者事件。為此，在元件上應用事件名稱作為方法。

例如，假設我們有一個如下所示的模板：

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

雙擊元素時，將顯示如下所示的訊息：

import Ember from 'ember';

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

事件名稱

Ember.js 包含以下內建事件，例如觸控、鍵盤、滑鼠、表單、拖放事件。

觸控事件

• touchStart
• touchMove
• touchEnd
• touchCancel

鍵盤事件

• keyDown
• keyUp
• keyPress

滑鼠事件

• mouseDown
• mouseUp
• contextMenu
• click
• doubleClick
• mouseMove
• focusIn
• focusOut
• mouseEnte
• mouseLeave

表單事件

• submit
• change
• focusIn
• focusOut
• input

HTML5 拖放事件

• dragStart
• drag
• dragEnter
• dragLeave
• dragOver
• dragEnd
• drop

您可以使用事件處理程式從元件向您的應用程式傳送操作。有關傳送操作的更多資訊，請檢視以下章節。