系统页面输入框按Enter触发查询功能

最新推荐文章于 2022-12-11 22:11:13 发布
原创 最新推荐文章于 2022-12-11 22:11:13 发布 · 1.7k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript实现的功能：当用户按下Enter键时自动触发搜索按钮点击事件。这一功能可以增强网页交互体验，适用于各类搜索场景。

各个页面增加此js引用

<script src="@Url.Content("~/Scripts/AutoSearchAfterEnter.js")" type="text/javascript"></script>



AutoSearchAfterEnter.js方法


document.onkeydown = keyDownSearch;


function keyDownSearch(e) {
    var theEvent = e || window.event;
    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
    if (code == 13) {
        $('#btnSearch').click();
    }
}

vue点击enter键查询数据（组件封装）
leng0920的博客
05-12 874
vue点击enter键查询数据（组件封装）
从地址栏输入网址时，敲下回车后，发生哪些了哪些事情？
Relax的博客
09-28 2344
从地址栏输入网址时，敲下回车后，发生哪些了哪些事情？ 浏览器向DNS服务器（先查找缓存）查找输入URL对应的IP地址 DNS服务器返回对应的IP地址 浏览器根据IP地址与目标web服务器在80端口上建立TCP连接 浏览器获取请求页面的html代码 浏览器在显示窗口内渲染HTML 窗口关闭时，浏览器中止与服务器的连接
enter触发事件
catherine的博客
08-07 414
$(function () {  document.onkeydown = function (event) {  var e = event || window.event || arguments.callee.caller.arguments[0];  if (e && e.keyCode == 13) {  login();//to do something;  }  }; 
工作爬坑系列之回车触发查询实现
weixin_36352085的博客
09-15 353
工作爬坑系列之回车触发查询实现 先说说原先的实现 因为用IE10这个比较古老的浏览器,他本身就有一个机制,当按下回车键就会触发click事件,所以就有了以下实现: <button ng-click='func1()'>按钮1</button> <button type='button' ng-click='func2()'>按钮2</button> <button type='button' ng-click='func3()'>按钮3</b
系统开发中按下Enter键登录系统
ailinmin6788的博客
10-22 276
　　转载来自：http://www.jb51.net/article/54308.htm 　　系统开发中按下Enter键登录系统，即就是监听键盘，当按下Enter键后调用登录按钮的click()事件。 　　JS方法： 　　function keyLogin()　　{ 　　　　if(event.keyCode==13) 　　　　{ 　　　　　　$("#btnLogin").clic...
按回车键查询
weixin_44512123的博客
09-27 1823
按回车查询想必做过这个功能的人和那懂得的来说应该是简单的。在我做的项目中有一个页面也有这个功能的需求。做完之后感觉虽说是简单但是中间还是找了一下资料，查了这回车查询是如何实现的。我认为还是要记录下的，总结一下还可以加深印象嘛。 先说说主要的查询吧，主要实现就是在预定/登记中输入姓名按回车就可以查询历史的客人或者是黑名单的客人，查询到有就会弹出一个窗口显示一些客人的信息，其它的不多说了直接上代码吧...
润乾报表设置检索时间范围和查询按钮
BitZ2的博客
09-05 1740
注意要将参数模板文件A_arg.rpx与A.rpx放至同一目录。在数据表A.rpx中添加检索条件，新增参数，要与参数表中对应。关于查询功能，以及前端的展示润乾官网有详细介绍，链接在这里。新建数据表A.rpx取数据，再建参数表A_arg.rpx。博主初学报表，文中可能有错，以上如有错误欢迎指正。点击预览会出现如下窗口，设置所要查询的时间范围。注意以上两个的WEB变量名要加上@设置开始和起始时间，如下图。（例图中是检索时间）
怎么el-input触发输入框按enter会刷新页面
09-30
在这个例子中，当用户在`el-input`内按下Enter键时，`submitForm`方法会被调用，你可以在这里编写你的表单提交逻辑，然后使用路由跳转到新的页面，或者简单地调用`window.location.reload()`来刷新当前页面。
输入框触发enter键
最新发布
11-13
在不同场景下，输入框触发enter... 输入框enter按键触发方法 <script src="jquery.js"></script> $('input').keyup(function(event){ if(event.keyCode === 13){ alert('按了enter键'); } }); ```
输入框按enter回车，会触发button上的事件的原因及解决办法
07-09
在HTML中，当一个`<input>`元素获得焦点时，按下Enter键会自动触发表单的提交动作，尤其是当页面中存在一个类型为`submit`的按钮时。这是浏览器的标准行为[^2]。 2. **Swing组件的键盘绑定机制** 在Java Swing中...
textarea文本输入框按enter发送
03-14
为了实现在 `<textarea>` 输入框中按下 Enter 键时触发特定行为（如发送消息），可以采用监听键盘事件的方式。具体来说，在 Vue.js 的环境中，可以通过 `@keydown` 事件绑定来捕获用户的按键操作。 对于希望实现按 ...
autojs文件操作类说明.docx
10-26
autojs文件操作类的使用说明 back(); //返回键 home(); //主页HOME powerDialog(); //弹出电源菜单 notifications(); //拉出通知栏 quickSettings(); //显示快速设置(下拉通知栏到底) recents(); //显示最近任务 splitScreen(); //分屏 Menu(); //模拟按下菜单键。 此函数依赖于root权限。 VolumeUp(); //按下音量上键。(增音) 此函数依赖于root权限。 VolumeDown(); //按键音量上键。 此函数依赖于root权限。 Text("sfsdf545"); //只能为英文或英文符号,或者数字,不可以是中文 files.isDir("/sdcard/文件夹/"); //返回路径path是否是文件夹 files.isDir("/sdcard/文件.txt"); //返回路径path是否是文件 files.isEmptyDir("/sdcard/123"); //是否为空文件夹,空文件夹返回 true ,否则为 false files.join("/sdcard/", "1.txt"); // 合并,两个路径,返回为一个整体 files.create("/sdcard/8888.txt"); //新建文件或者文件夹(文件夹 目前创建失败) files.createWithDirs("/sdcard/新文件夹/新文件夹/新文件夹/2.txt");创建一个文件或文件夹并返回是否创建成功。如果文件所在文件夹不存在，则先创建他所在的一系列文件夹。如果文件已经存在，则直接返回false files.exists("/sdcard/新文件夹"); //返回文件夹/文件 是否存在
通过输入框实时查询列表值
10-21
通过输入框实时查询列表值，在电脑上好用，但是在微信客户端没有效果的解决方案
精选资源
asp.net实现取消页面表单内文本输入框Enter响应的方法
01-02
本文实例讲述了asp.net实现取消页面表单内文本输入框Enter响应的方法。分享给大家供大家参考，具体如下： 很早以前开发asp.net项目的时候遇到的:在一个服务器TextBox控件上按下 Enter键，页面回发刷新一遍。后来...
tdbgrid 数据类型输入错误 vb_30分钟学会 VB.net 编程
weixin_39862669的博客
11-20 274
知乎视频​www.zhihu.com一、 编程环境1. 首先我们要找一个可以编程的地方，入门的话我们就不需要那么麻烦，亲自配置编程环境了。2. 在百度搜索：在线编程编程中国，找到 在线编程-编程中国 ，打开这个网页。3. 左边的框是我们编写程序的地方，右边的框是程序运行结果4. 在语言选项中找到http://VB.Net语言，（数到第六个，点击http://VB.Net）我们就可以这里运行h...
在输入框中回车会触发失焦事件，导致请求了两遍
King的博客
12-11 1004
在输入框中点击回车（@keyup.enter）和失去焦点（@blur）这两个操作均可以触发修改数据的接口。但是在输入框中回车会触发失焦事件，导致请求了两遍。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值