工作积累(三)——使用jQuery实现回车触发事件

发布时间:2020-07-20 20:51:04 作者:细桶假狗屎
来源:网络 阅读:603

输入用户名密码后敲击回车即可登录是一个普通到我们经常会忽略的功能,然而之前并不知道如何实现。jQuery 可以帮我们迅速实现这一功能,方式如下。

 

1.jQuery代码:

$(function() {
    $("#login-input").keyup(function(e){
        if(e.which === 13) {
            $("#submit-button").click();
        }
    });
 
    $("#submit-button").click(function(e) {
        $.ajax({
            //some action
             });
      });
});

 

2.HTML代码:

<input id="login-input" type="text" placeholder="回车提交" />
<button id="submit-button">登录</button>

 

这样一来,最终达到的效果是我们既可以通过直接点击登录按钮提交请求,也可以在 input 框中输入完成后直接敲击回车提交请求。附件是HTML 文件,为了上传后缀名改为了 .txt ,并没有上传 jquery 文件,参考时请注意引入jquery 文件。

附件:http://down.51cto.com/data/2365723
推荐阅读:
  1. 工作积累(十二)——Supervisor安装及使用
  2. 回车触发按钮

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery 触发 回车提交

上一篇:正则表达式——常用元字符

下一篇:SFB的客户端管理

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》