聚合物纸输入命令式键绑定

时间:2018-01-10 08:58:04

标签: polymer polymer-2.x

我正在尝试通过指定:

将输入键绑定在纸张输入上
<paper-input class="flex" key-bindings="[[keys]]"></paper-input>

以及主机元素上的以下属性:

keys: {
            type: Object,
            value: function() {
              return {
                'enter': this._addVariant
              };
            }.bind(this)
          }

也试过这个版本:

keys: {
            type: Object,
            value: function() {
              return {
                'enter': '_addVariant'
              };
            }.bind(this)
          }

两者都不起作用,我在谷歌上找不到任何参考。有人知道我错过了什么吗?也许是keyEventTarget

1 个答案:

答案 0 :(得分:0)

也许这是你寻找的不同方式。但它有效,按下的键是:

   <paper-input value="{{vall::input}}" on-keydown="_keyEvets" label="Arıyorum">
  </template>
  <script>
    class MyTest extends Polymer.Element {
      static get is() { return 'test-component'; }

      static get observers() {return ['checkVall(vall)']}

      checkVall(v){
        console.log('vall :'+ v);
      } 

      _keyEvets(k) {
        console.log('_keyEvets',k.code);
      }
    }

这是指向sample

的链接
相关问题