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

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

创新互联-专业网站定制、快速模板网站建设、高性价比立山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式立山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖立山地区。费用合理售后完善,10年实体公司更值得信赖。

 

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 框中输入完成后直接敲击回车提交请求。附件是HTML 文件,为了上传后缀名改为了 .txt ,并没有上传 jquery 文件,参考时请注意引入jquery 文件。

附件:http://down.51cto.com/data/2365723

文章名称:工作积累(三)——使用jQuery实现回车触发事件
分享网址:http://scyanting.com/article/jpcjhc.html