工作积累(三)——使用jQuery实现回车触发事件
2015-05-25 17:49
357 查看
输入用户名密码后敲击回车即可登录是一个普通到我们经常会忽略的功能,然而之前并不知道如何实现。jQuery 可以帮我们迅速实现这一功能,方式如下。
1.jQuery代码:
2.HTML代码:
附件:http://down.51cto.com/data/2365723
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实现回车触发事件
- 工作积累(六)——jQuery实现DOM元素事件动态绑定
- 工作积累(六)——jQuery实现DOM元素事件动态绑定
- jquery中如何实现按回车触发按钮事件
- 使用jquery的sortable插件实现拖动效果,以及影响blur事件触发的解决方法
- jquery实现回车键触发事件
- 使用jquery的sortable插件实现拖动效果,以及影响blur事件触发的解决方法
- jquery中如何实现按回车触发按钮事件
- jquery中如何实现按回车触发按钮事件
- jquery实现按回车触发事件
- jquery实现回车键触发事件
- jQuery实现的回车触发按钮事件功能示例
- jquery中如何实现按回车触发按钮事件
- jquery实现回车键触发事件
- jquery开发:jquery实现回车键触发事件
- jquery实现回车键触发事件
- jquery实现回车键触发事件(实例讲解)
- jquery实现input输入框实时输入触发事件
- Jquery实现input keydown回车触发登录事件(任意触发、指定触发)
- jquery移除、绑定、触发元素事件使用示例详解