处理事件（Handling Events）

双击，悬停，按键等用户事件可由事件处理程序处理。 为此，请将事件名称应用为组件上的方法。

例如，考虑我们有一个模板，如下所示 -

{{#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

您可以使用事件处理程序将操作从组件发送到应用程序。 有关发送操作的更多信息，请查看以下section 。