javascript - md-autocomplete 在选择项目后模糊自身

Question

我有一个用地址填充的 md-autocomplete。选择地址后，焦点将停留在该元素上。我希望 md-autocomplete 在用户选择地址后立即模糊。

原因是因为在手机上完成时，一旦用户选择了地址，键盘应该会自动隐藏，而目前选择地址后，键盘会保持显示状态。

谢谢!

Answer 1

这个问题没有太多细节，所以我将使用 1.1.4 docs 中提供的“基本用法”Codepen .

基本上，您只需监听 selected-item-changed，然后在当前事件的 DOM 元素上触发 blur 事件。

Here's the Codepen .它适用于桌面版 Chrome，但我无法测试它是否能解决移动设备上的键盘问题。

我刚刚更改了 selected-item-changed 处理程序，如下所示:

function selectedItemChange(item) {
  ///// Get the currently focused element
  var activeElement = document.activeElement;

  ///// Check that there actually was a focused element
  ///// and make sure a valid item was selected.
  if (activeElement && item) {
    activeElement.blur();
  }

  $log.info('Item changed to ' + JSON.stringify(item));
}