Javascript 将jQuery Keypress（）绑定到聚合物纸张输入

我正在为我正在工作的站点使用框架，我想将jQuery的

keypress（）

绑定到一个Polymer

元素。我试着将它直接绑定到元素，通过

HTML

<paper-input id="whatever" label="Example"></paper-input>

我知道Polymer使用了shadowdom元素，因此

标记与实际的

标记是分开的

一种方法是类似于

$（“#随便什么”）.children（）

的方法，并以某种方式过滤

标记，但我觉得这不是聚合物的最佳实践

---

不管是哪种方式，我都需要某种方式将按键事件绑定到输入。

有点晚了，但我确实遇到了与web component tester相同的问题。事实证明，Polymer现在有一个整洁的组件iron test helpers，其中包含一个脚本mock-interactions.js

像这样使用keyEventOn：

Javascript

$("#whatever").keypress(function(){
     console.log("It worked!");
});

MockInteractions.keyEventOn(
    Polymer.dom(myEl.root).querySelector('#filter-input'), 'keypress', 13);

---

如果要对id为“filter input”的纸张输入触发带有keycode 13的按键事件，我不确定JSFIDLE是否支持shadow DOM/Polymer？您可以在左侧菜单中链接到外部资源。（必须承认我从未使用过聚合物，但我认为它的工作原理与任何HTML/JS库一样）