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 相关文章推荐
js下用层来实现select的title提示属性
Feb 23 Javascript
js不完美解决click和dblclick事件冲突问题
Jul 16 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
JS插件overlib用法实例详解
Dec 26 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
浅谈Webpack下多环境配置的思路
Jun 27 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
node.js制作一个简单的登录拦截器
Feb 10 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
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
生成卡号php代码
2008/04/09 PHP
php下删除字符串中HTML标签的函数
2008/08/27 PHP
《PHP编程最快明白》第三讲:php数组
2010/11/01 PHP
php基础教程 php内置函数实例教程
2012/08/21 PHP
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
PHP中isset、empty的用法与区别示例详解
2020/11/05 PHP
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
浅析javascript闭包 实例分析
2010/12/25 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
python实现文件分组复制到不同目录的例子
2014/06/04 Python
Python的Django框架使用入门指引
2015/04/15 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
使用Python轻松完成垃圾分类(基于图像识别)
2019/07/09 Python
python获取引用对象的个数方式
2019/12/20 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
继电保护工岗位职责
2014/01/05 职场文书
新教师个人总结
2015/02/06 职场文书
手术室护士个人总结
2015/02/13 职场文书
JavaScript实现显示和隐藏图片
2021/04/29 Javascript
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js