如何让iron-a11y-keys在整个页面上运行？

Question

我的按键（右键和左键）仅在我点击页面的某些部分时才会抛出事件。我该如何制作，以便我的整个页面都能使用我的铁键？

这就是我现在所拥有的：

<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');
}