jquery 实现回车登录详解及实例代码


Posted in Javascript onOctober 23, 2016

jquery 实现回车登

1.button按钮提交方式

//按钮事件
$(‘#btnSumit‘).click(function() {
  alert(‘测试‘);
});
 //回车提交事件
$("body").keydown(function() {
  if (event.keyCode == "13") {//keyCode=13是回车键
    $(‘#btnSumit‘).click();
  }
});

2.form表单提交方式

a.使用jquery

$("body").bind(‘keyup‘,function(event) { 
  if(event.keyCode==13){ 
    document.form.submit(); 
  }   
});

b.非jquery 

<body onkeyup="autosubmit()">//添加监听事件 
function autosubmit(){//事件触发函数 
 if(event.keyCode==13){ 
   document.form.submit(); 
 }   
}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
js判断鼠标左、中、右键哪个被点击的方法
Jan 27 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 Javascript
jQuery EasyUi 验证功能实例解析
Jan 06 Javascript
javascript实现简易计算器
Feb 01 Javascript
Vue-cli@3.0 插件系统简析
Sep 05 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 #Javascript
web前端开发upload上传头像js示例代码
Oct 22 #Javascript
jQuery中$.ajax()方法参数解析
Oct 22 #Javascript
详解Javascript函数声明与递归调用
Oct 22 #Javascript
js中利用cookie实现记住密码功能
Aug 20 #Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 #Javascript
微信开发 消息推送实现代码
Oct 21 #Javascript
You might like
PHP4.04简明安装
2006/10/09 PHP
ob_start(),ob_start('ob_gzhandler')使用
2006/12/25 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
CodeIgniter框架数据库基本操作示例
2018/05/24 PHP
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
nodejs nedb 封装库与使用方法示例
2020/02/06 NodeJs
创建nuxt.js项目流程图解
2020/03/13 Javascript
基于Vue实现微前端的示例代码
2020/04/24 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
2020/11/12 Javascript
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python XML RPC服务器端和客户端实例
2014/11/22 Python
浅谈Python的Django框架中的缓存控制
2015/07/24 Python
python爬取各类文档方法归类汇总
2018/03/22 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
Python中Selenium模块的使用详解
2020/10/09 Python
详解Pymongo常用查询方法总结
2021/01/29 Python
工程造价自荐信
2013/10/09 职场文书
松材线虫病防治方案
2014/06/15 职场文书
检讨书格式
2015/01/23 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
三八妇女节慰问信
2015/02/14 职场文书
车间班组长竞聘书
2015/09/15 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python