jquery实现按回车提交数据

最新推荐文章于 2024-07-11 16:15:56 发布

飞翔的雪鹰

最新推荐文章于 2024-07-11 16:15:56 发布

阅读量869

点赞数

CC 4.0 BY-SA版权

分类专栏： php开发

本文链接：https://blog.youkuaiyun.com/u012581409/article/details/38491305

php开发专栏收录该内容

31 篇文章

订阅专栏

本文介绍了使用jQuery实现按回车键提交数据的两种方法。通过监听键盘事件并检测回车键，可以触发提交按钮的点击事件，从而实现数据提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实jquery按回车提交数据是很简单的事情，我们只要检查测到用户按了回车就直接绑定事件.click就实现了提交了

实现代码如下：

方式一：

document.onkeydown = function(e){
        if(!e) e = window.event;
        if((e.keyCode || e.which) == 13){
            document.getElementById("subton").click();
        }
 }

方式二：

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

注意：提交按钮是input,那么直接将其type属性设置成‘submit’,这样当页面光标不移出文本框的条件下（此条件有局限性），按回车键就相当于点击了该提交按钮，当然上面的Jquery代码就不需要了哦！（推荐用Jquery）