工作积累(三)——使用jQuery实现回车触发事件
来源:互联网 发布:mac口红外盒辨别真假 编辑:程序博客网 时间:2024/05/22 02:13
输入用户名密码后敲击回车即可登录是一个普通到我们经常会忽略的功能,然而之前并不知道如何实现。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://xitongjiagoushi.blog.51cto.com/9975742/1655048
0 0
- 工作积累(三)——使用jQuery实现回车触发事件
- jquery实现按回车触发事件
- jQuery回车触发事件
- jquery 回车触发事件
- Jquery实现input keydown回车触发事件(任意触发、指定触发)
- 工作积累(六)——jQuery实现DOM元素事件动态绑定
- Jquery 回车触发按钮事件
- jquery按回车触发事件
- jquery中如何实现按回车触发按钮事件
- jquery中如何实现按回车触发按钮事件
- jquery中如何实现按回车触发按钮事件
- jquery中如何实现按回车触发按钮事件
- jquery 回车触发按钮点击事件
- jQuery实现enter回车事件
- Web小功能1——jquery实现一个按钮两个功能(触发不同事件)
- jquery实现回车键触发事件
- jquery实现回车键触发事件
- jquery实现回车键触发事件
- 多学一点(十三)——解决Linux kdump服务启动失败
- JavaScript中的slice()和splice()
- 工作积累(二)——使用java.util.ResourceBundle和java.util.Properties实现常量功能
- Java Web开发【3】对【1】【2】中代码的修改
- 多学一点(十四)——服务器间通过rsync和inotify-tools动态同步数据
- 工作积累(三)——使用jQuery实现回车触发事件
- Maven实战(六)--- dependencies与dependencyManagement的区别
- 初窥Python(一)——使用pymongo连接MongoDB
- 工作积累(四)——JavaScript深度克隆的实现
- 暑假- 动态规划 I-(N - Coins)
- 工作积累(五)——使用spring@Value注解实现常量功能
- AngularJS(一)——从零开始AngularJS
- HTML滚动文字代码 marquee标签
- AngularJS(二)——使用AngularJS自定义service