將jQuery Keypress（）綁定到Polymer紙張輸入

Question

我正在使用正在工作的網站的Polymer框架，並且要將jQuery的keypress()綁定到Polymer <paper-input>元素。 我嘗試通過將其直接綁定到元素

的HTML

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

Java腳本

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

我知道Polymer會使用陰影DOM元素，因此<input>標簽與實際的<paper-input>標簽是分開的。

一種方法是類似$("#whatever").children()並以某種方式過濾<input>標記，但是我覺得這不是Polymer的最佳實踐。

無論哪種方式，我都需要某種將按鍵事件綁定到輸入的方式。

Answer 1

有點晚了，但是Web組件測試器確實遇到了相同的問題。 事實證明，Polymer現在有一個簡潔的組件iron-test-helpers，其中包含一個腳本模擬-interactions.js

像這樣使用keyEventOn：

Java腳本

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

用於將編號為13的按鍵事件觸發到ID為'filter-input'的紙張輸入中