पॉलिमर 1.0 पेपर-इनपुट

Question

में उस प्रविष्टि को कैसे दबाया जा सकता है मैं दर्ज कर सकता हूं पॉलिमर 1.0 paper-input में दबाया गया है?

मुझे लगता है कि iron-input के माध्यम से सामने आ रहा है on-bind-value-changed साथ की कोशिश की, लेकिन ऐसा लगता है कि यह केवल घटना तर्क जहां e.detailnull सभी अन्य कुंजी पर है में पत्र के साथ अलग, इस तरह के रूप दर्ज करें, टैब, आदि

Answer 1

मैं एक फ़ंक्शन नामक इनपुट में keydown ईवेंट बांधता हूं। वहां आप पा सकते हैं कि कौन सी कुंजी दबाई गई थी। उदाहरण के लिए:

<dom-module id="test-element"> 
    <template> 
     <!-- add keydown listener to paper input --> 
     <paper-input label="Input label" on-keydown="checkForEnter"></paper-input> 
    </template> 
    <script> 
     Polymer({ 
      is: "test-element", 
      checkForEnter: function (e) { 
       // check if 'enter' was pressed 
       if (e.keyCode === 13) { 
        // enter pressed! 
       } 
      } 
     }); 
    </script> 
</dom-module> 

Answer 2

एक और संभावना iron-a11y-keys का उपयोग करना होगा। इस तरह, आप घोषणा कर सकते हैं कि क्या हो रहा है जब उपयोगकर्ता enter कुंजी दबाता है जबकि फोकस paper-input तत्व पर है।

उदाहरण (पॉलिमर सूची से नकल):

<iron-a11y-keys id="a11y" target="[[target]]" keys="enter" 
       on-keys-pressed="onEnter"></iron-a11y-keys> 
<paper-input id="input" placeholder="Type something. Press enter. Check console." value="{{userInput::input}}"></paper-input> 

उसके बाद, आप, paper-input तत्व को a11y तत्व की target संपत्ति बाध्य करने के लिए तो जैसे होगा:

... 
properties: { 
    userInput: { 
    type: String, 
    notify: true, 
    }, 
    target: { 
    type: Object, 
    value: function() { 
     return this.$.input; 
    } 
    }, 
}, 
onEnter: function() { 
    console.log(this.userInput); 
} 
... 

उम्मीद है की वो मदद करदे। अधिक जानकारी के लिए iron-a11y-keys देखें।