將jQuery Keypress（）綁定到Polymer輸入

我正在爲我正在使用的站點使用Polymer框架，並且我想將jQuery的keypress()綁定到Polymer <paper-input>元素。我試圖直接結合它的元素，通過將jQuery Keypress（）綁定到Polymer輸入

HTML

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

的Javascript

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

我所知道的是聚合物使用陰影DOM元素的事實，所以該<input>標籤是從實際<paper-input>標籤獨立。

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

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

的jsfiddle請 – myfunkyside 2014-11-04 23:14:52

我不知道的jsfiddle支持影子DOM /聚合物不是嗎？ – Aeolingamenfel 2014-11-04 23:36:39

您可以在左邊的菜單鏈接到外部資源。（必須承認我從未使用聚合物，但我認爲它可以像任何HTML/JS庫一樣工作） – myfunkyside 2014-11-05 01:59:54

有點晚了，但我並曾與Web組件測試儀相同的問題。原來聚合物現在有一個整潔的分量鐵試驗傭工其中包含的腳本模擬interactions.js

使用keyEventOn像這樣：

的Javascript

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

燒製的按鍵事件與鍵碼13到紙張輸入ID爲「過濾器輸入」

2016-12-29 10:10:02 Lemon

回答