如何使 iron-a11y-keys 在整个页面上工作？

Question

我的按键操作（左右键）仅在我点击页面的某些部分时引发事件。如何才能让我的 iron-a11y-keys 在整个页面上工作？

这是我现在拥有的：

<template>
    <iron-a11y-keys keys="left right" on-keys-pressed="onRightKey"></iron-a11y-keys>
    <paper-drawer-panel id="drawerPanel" responsive-width="1024px" drawer-width="{{drawerWidth}}">

    ...

    </paper-drawer-panel>
</template>

当我设置 target={{}} 时，它的行为方式似乎相同。我不确定目标参数的作用，所以这可能是我的问题。也将不胜感激。

Answer 1

<template>
    <iron-a11y-keys id="a11y" keys="left right" on-keys-pressed="onRightKey"></iron-a11y-keys>
    <paper-drawer-panel id="drawerPanel" responsive-width="1024px" drawer-width="{{drawerWidth}}">

    ...

    </paper-drawer-panel>
</template>

并在脚本中：

ready: function() {
    this.$.a11y.target = document.querySelector('body');
}

如何使 iron-a11y-keys 在整个页面上工作？

How to make iron-a11y-keys work on the entire page?

polymer

polymer-1.0