polymer - 如何使 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');
}