带输入的聚合物点火开关

Question

我是 Polymer 的初学者。我认为这是一个简单的问题，但我找不到如何在我的应用程序上实现它。

我在 HTML 上有一个按钮，例如：

<paper-button class="button" id="button-wide" raised affirmative on-tap="{{onClick}}">

在javascript中我有这样的功能：

Polymer('dialog', {
        onClick: function() {
            ......
            ......
        }}

我想用键盘上的回车键触发这个按钮。

谢谢！

Answer 1

类似这样的方法可行：

Polymer('dialog', {
    onClick: function () {
        // etc..
    },
    onKeyDown: function (e) {
        if (e.which === 13 || e.keyCode === 13) {
            this.onClick();
        }
    },
    attached: function () {
        this.onKeyDown = this.onKeyDown.bind(this);
        document.addEventListener('keydown', this.onKeyDown);
    },
    detached: function () {
        document.removeEventListener('keydown', this.onKeyDown);
    }
});

附加和分离是元素的 lifecycle methods。

带输入的聚合物点火开关

Polymer fire on-tap with enter

html

javascript

enter

button

polymer