EmberJS - 处理事件

用户事件(例如双击、悬停、按键等)可以由事件处理程序处理。为此，请将事件名称作为方法应用于组件。

例如，假设我们有一个如下所示的模板 −

{{#double-clickable}}
//代码在这里
{{/double-clickable}}

双击元素时，它将显示如下所示的消息−

import Ember from 'ember';

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

事件名称

Ember.js 包含以下内置事件，例如触摸、键盘、鼠标、表单、拖放事件。

Touch Events

• touchStart
• touchMove
• touchEnd
• touchCancel

键盘事件

• keyDown
• keyUp
• keyPress

鼠标事件

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

Form Events

• submit
• change
• focusIn
• focusOut
• input

HTML5 拖放事件

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

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

emberjs_component.html