polymer 输入捕获输入事件

Question

我正在尝试检测用户何时在聊天框中按下回车/输入以发送消息。我如何为 paper-input 元素检测到这一点？

Answer 1

paper-input 继承自 core-input，它会在用户按下回车键或元素失去焦点时触发 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 .