“keyup”或“keydown”上的 Ember Octane 未觸發

Question

我在這樣的 Ember Octane 應用程序中有一個微光組件

import Component from '@glimmer/component';
import { action } from '@ember/object';


export default class TestComponent extends Component {
  @action
  handleEvent(event) {
    console.log(event);
  }
}

在我的 HTML 我有

<div {{on 'keyup' this.handleEvent}}></div>

但是例如，即使更改為“keyDown”， handleEvent也不會觸發。 它在文檔中說

事件可以是任何事件名稱，而不僅僅是點擊事件，這使得 {{on}} 非常適合處理任何類型的 DOM 事件。 有關本機瀏覽器事件的列表，請參閱 MDN 文檔

但這似乎不是真的！

是否有一種“Ember 方式”來處理鍵盤事件而無需安裝外部庫（修改器）或者我應該堅持使用本機事件偵聽器？

Answer 1

但這確實有效！ 見這里。

請注意，您需要在 div 上指定tabindex="0" ，因為如果元素無法聚焦，則不會觸發 keyup。