javascript - 按 ENTER 时调用函数
问题描述
我在下面有这段代码:
<div class="search-container">
<input id="search-value" type="text" autocomplete="off" ng-model="vm.searchQuery" ng-focus="vm.searchBoxHasFocus = true" ng-blur="vm.searchBoxHasFocus = false" class="search-box-input ng-pristine ng-untouched ng-valid ng-empty" placeholder="Pesquisar" ng-enter="vm.goSearch()" ng-change="vm.getSuggestions()">
<div class="label-search" ng-click="vm.goSearch()"></div>
<button type="button" class="reset-search" ng-click="vm.clearQuery()"></button>
</div>
在输入中按“回车”时如何调用 JS 函数?
解决方案
如果您希望在原始 javascript 中执行此操作,您可以使用以下绑定将整个文档的 enter 键绑定到您希望调用的函数。
// Load in the enter keybindings
document.onkeydown = function (e) {
switch (e.which || e.keyCode) {
case 13 : //Your Code Here (13 is ascii code for 'ENTER')
vm.clearQuery()
}
}
推荐阅读
- r - 在 R 中合并三个 json 列表
- python-3.x - 套接字服务器开始侦听套接字客户端连接python后应用程序冻结
- node.js - Angular - 节点版本 11 是否支持 node-sass?
- ruby-on-rails - 是否可以将 ActiveStorage 配置为将数据存储在外部/自定义服务器(不是基于云的)上?
- c# - 为什么 IDE 给我一条消息说“空语句在 foreach 之后是多余的?
- c# - 在 Windows 10 中的 PictureBox 上绘图时速度缓慢
- django - Django Admin:list_display() 按相关对象计数排序
- docker - 为 docker-compose 导出 makefile 中的当前用户 ID
- python - 检查进程是否是来自 python 的 UWP
- go - 如何在 Go 项目中使用本地 Go 模块