javascript - Ember组件键盘事件不触发

Question

按照指南 https://guides.emberjs.com/v2.1.0/components/handling-events/ 。我尝试为组件的关键事件绑定(bind)事件处理程序，但似乎不起作用。当我按下某个键时，我没有看到警报；但是，可以触发 doubleClick 事件处理程序。

我想要实现的是使用键 1 选择第一个单选按钮。

已更新

只有当单选按钮获得焦点时才能触发该事件。

我的问题

有没有办法绑定(bind)键盘事件而不使特定控件处于焦点？

代码

组件 JS，

import Ember from 'ember';

export default Ember.Component.extend({
    classNames: ['quiz-control'],

    keyUp(e) {
        alert(e.keyCode);
    },

    keyDown(e) {
        alert(e.keyCode);
    },

    keyPress(e) {
        alert(e.keyCode);
    }

});

组件 HTML，

<input name="ans" type="radio" id="op0"/>
<label for="op0">1</label>

<input name="ans" type="radio" id="op1"/>
<label for="op1">2</label>

<input name="ans" type="radio" id="op2"/>
<label for="op2">3</label>

<input name="ans" type="radio" id="op3"/>
<label for="op3">4</label>

Answer 1

我在document中绑定(bind)了keypress事件，

import Ember from 'ember';

export default Ember.Component.extend({
    classNames: ['quiz-control'],

    didInsertElement() {
        this._super(...arguments);
        $(document).on('keypress', this._keypressHandler);
    },

    willDestroyElement() {
        this._super(...arguments);
        $(document).off('keypress', 'document', this._keypressHandler);
    },

    _keypressHandler(e) {
        console.log('quiz-control', e.keyCode);
    }
});