el-select远程搜索绑定键盘事件

El-select 是 Element-UI 的一种下拉选择组件，支持远程搜索和自定义筛选。对于需要进行远程搜索的 el-select，我们可以通过绑定键盘事件来方便地进行筛选。

在 el-select 中，我们可以通过绑定 input 事件来实现搜索功能。每次输入文字时，都会请求远程服务器获取符合条件的选项数据。但对于需求更高的用户，可能需要更快捷地搜索选项，这时我们可以绑定键盘事件来实现。

常见的键盘事件包括 keydown、keyup 和 keypress。其中 keydown 和 keyup 事件可以检测用户按下和松开键盘上的任何键，而 keypress 事件只能检测 ASCII 字符按下的情况。

我们可以在 el-select 的源码中找到下拉列表的 HTML 元素，然后通过 addEventListener 方法来绑定键盘事件。比如，我们可以实现在输入框中按下“Enter”键来触发搜索功能：

let selectInput = document.querySelector('.el-select__input');
selectInput.addEventListener('keydown', function (event) {
  if (event.keyCode === 13) { // 13 代表回车键
    this.blur(); // 收起下拉列表，使搜索结果正确显示
    this.focus(); // 使输入框重新获得焦点
    // 执行搜索代码
  }
});

在键盘事件中，我们可以使用 event.keyCode 来获取用户按下的键，然后配合相应的处理代码来完成我们想要的功能。通过这种方法，我们可以为 el-select 组件增加更多的交互体验，提高用户的使用效率。