javascript实现回车键提交表单方法总结


Posted in Javascript onJanuary 10, 2015

本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下:

第一种方法:javascript实现

<html>

<head>

<title> javascript 实现回车键提交表单</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript">

 document.onkeydown = function(ev){

  ev = ev || window.event;

  if(ev.keyCode == 13){

   alert("我要提交表单了");

  }

 }

</script>

</head>

<body>

<h3>按下回车键,有惊喜</h3>

</body>

</html>

第二种方法:jquery实现(ie8、chrome和firefox都支持)
<html>

<head>

<title> javascript 实现回车键提交表单</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $(document).keydown(function(e){

   var curKey = e.which;

   if(curKey == 13){

    alert("我要提交表单了");

   }

  });

 });

</script>

</head>

<body>

<h3>按下回车键,有惊喜</h3>

</body>

</html>

希望本文所述对大家基于js的web程序设计有所帮助。

Javascript 相关文章推荐
JavaScript Memoization 让函数也有记忆功能
Oct 27 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
jquery教程ajax请求json数据示例
Jan 13 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
Sep 02 Javascript
jquery文档操作wrap()方法实例简述
Jan 10 #Javascript
js实现键盘控制DIV移动的方法
Jan 10 #Javascript
js实现jquery的offset()方法实例
Jan 10 #Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 #Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 #Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 #Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 #Javascript
You might like
php学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
php的大小写敏感问题整理
2011/12/29 PHP
Symfony数据校验方法实例分析
2015/01/26 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
PHP容器类的两种实现方式示例
2019/07/24 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
js null,undefined,字符串小结
2010/08/21 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
对js关键字命名的疑问介绍
2014/04/25 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
js原生之焦点图转换加定时器实例
2016/12/12 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
小程序实现发表评论功能
2018/07/06 Javascript
js实现星星打分效果
2020/07/05 Javascript
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
python读取二进制mnist实例详解
2017/05/31 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
党员领导干部承诺书
2014/05/28 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
自我评价优缺点范文
2015/03/11 职场文书
三八妇女节致辞
2015/07/31 职场文书
自书遗嘱范文
2015/08/07 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
golang 实用库gotable的具体使用
2021/07/01 Golang