聚合物输入捕获输入事件

Question

我试图检测用户何时按下聊天框中的返回/输入以发送消息。如何检测paper-input元素？

Answer 1

paper-input继承自core-input，当用户点击enter / return或元素失去焦点时，会触发change事件。如果您不关心丢失焦点的情况（例如，只想要用户点击ENTER的情况），您可以查看document.activeElement：

document.querySelector('paper-input').addEventListener('change', function(e) {
  if (document.activeElement == this) {
    console.log('ENTER hit on aper-input');
  }
});

http://jsbin.com/godaqugacecu/1/edit

请参阅http://www.polymer-project.org/docs/elements/core-elements.html#core-input。