编程 Javascript

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(); 
 }   
}

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

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

document 和 document.all 分别什么时候用

Jun 22 Javascript

jquery.Jwin.js 基于jquery的弹出层插件代码

May 23 Javascript

jquery性能优化高级技巧

Aug 24 Javascript

基于javascript实现checkbox复选框实例代码

Jan 28 Javascript

使用Angular.js开发的注意事项

Oct 19 Javascript

WEB开发之注册页面验证码倒计时代码的实现

Dec 15 Javascript

基于vue2.0+vuex的日期选择组件功能实现

Mar 13 Javascript

vue刷新页面时去闪烁提升用户体验效果的实现方法

Dec 10 Javascript

简单了解常用的JavaScript 库

Jul 16 Javascript

vue2.* element tabs tab-pane 动态加载组件操作

Jul 19 Javascript

vuex的使用步骤

Jan 06 Vue.js

5种 JavaScript 方式实现数组扁平化

Oct 05 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