您的位置:首页 > Web前端 > JQuery

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

2015-05-25 17:49 357 查看
输入用户名密码后敲击回车即可登录是一个普通到我们经常会忽略的功能,然而之前并不知道如何实现。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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jQuery 触发 回车提交