jquery实现回车键登录/搜索等确认功能

你的名字 2023-02-14 10:22 103阅读 0赞

button按钮提交方式：

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

$('#search').click(function() {
                get_table();
            });
            //keyCode=13是回车键,设置回车键提交
            $("body").keydown(function() {
                if (event.keyCode == "13") {
                    $('#search').click();
                }
            });     //此方法不兼容火狐和ie

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

上面方法只兼容了谷歌浏览器，下面方法兼容谷歌，火狐，ie:

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

document.onkeydown = function (e) {
                var theEvent = window.event || e; 
                var code = theEvent.keyCode || theEvent.which; 
                if (code == 13) { 
                    $('#search').click();
                } 
            };

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

form表单提交方式：

$("body").bind(‘keyup‘,function(event) { 
      if(event.keyCode==13){ 
        document.form.submit(); 
      }   
    });

[aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg

发表评论取消回复

表情：

评论列表（有 0 条评论，103人围观）

还没有评论，来说两句吧...

相关阅读

相关在登陆界面用js实现回车键确认登陆

可以在登录界面的登录按钮上绑定一个事件监听，当用户在输入框中输入完信息并按下回车键时，触发该事件，执行登录的相关代码。代码示例如下： document.getElem

超、凢脫俗/ 2024年03月25日 18:39/ 0 赞/ 148 阅读

相关 Vue 监听回车键实现搜索功能示例

代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

r囧r小猫/ 2023年10月07日 08:21/ 0 赞/ 81 阅读

相关 jquery实现回车键登录/搜索等确认功能

button按钮提交方式： ![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg

你的名字/ 2023年02月14日 10:22/ 0 赞/ 104 阅读

相关回车键登录实现

我们经常使用键盘：输入完账号密码后直接回车登录：如何实现呢？ <script type="text/javascript"> //键盘事件 document

本是古典何须时尚/ 2023年02月14日 10:21/ 0 赞/ 94 阅读

相关按回车键实现登录

1 按键修饰符 <el-form-item prop="password"> <el-input @keyu

不念不忘少年蓝@/ 2022年12月03日 08:48/ 0 赞/ 235 阅读

相关回车键登录

$(document).keydown(function(event){ if(event.keyCode == 13){ loginFun

爱被打了一巴掌/ 2022年06月07日 07:36/ 0 赞/ 297 阅读

相关回车键搜索

[![image][]][image] 一个搜索框，点击放大镜图标时候会调用搜索的js函数。希望在键盘输入回车时候，也可以调用搜索的js函数。参考 $(docu

梦里梦外;/ 2022年05月21日 02:37/ 0 赞/ 291 阅读

相关基于jQuery实现页面搜索功能

HTML: <div class="table"> <table> <tr id="theader"> <th

亦凉/ 2022年05月09日 12:48/ 0 赞/ 317 阅读

相关 HTML5 JQuery 实现搜索匹配功能

HTML5 JQuery 实现搜索匹配功能效果动态图： ![在这里插入图片描述][20190406220637574.gif] 源代码： all.html

浅浅的花香味﹌/ 2022年02月22日 20:44/ 0 赞/ 405 阅读

相关 js实现按回车键登录

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

ゝ一纸荒年。/ 2021年12月24日 02:37/ 0 赞/ 396 阅读