Polymer 焦点和模糊事件的事件重定目标

我有一个自定义的聚合元素，用于表示复杂的输入类型。它在其阴影DOM中包含一个实际的

input

标记，如下所示：

<polymer-element name="my-input">
  <template>
    <input type="text" on-blur="{{onBlur}}" on-focus="{{onFocus}}"/>
  </template>
  <script>
    Polymer('my-input', {
      onBlur: ...,
      onFocus: ...
    });
  </script>
</polymer-element>

聚合物（“my-input”{
onBlur:。。。，
焦点：。。。
});

当前，当用户在内部输入和自定义元素内的其他区域之间单击时，

focus

和

blur

事件正在泄漏到外部侦听器。如果在中打开开发工具控制台，即使在输入和周围的绿色区域（都在自定义元素内）之间单击，也会看到内部和外部焦点和模糊事件

---

是否无法捕获自定义元素中的

聚焦

和

模糊

事件，以便我只能在实际聚焦和模糊整个自定义元素时触发它们？

结果表明，我需要在我的

聚合元素

标签上添加一个

选项卡索引

：

<polymer-element name="my-input" tabindex="0">

其中外部

聚焦

和

模糊

事件仅在整个元素聚焦和模糊时注册