目录

处理事件(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

↑回到顶部↑
WIKI教程 @2018