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的数据类型检测
Jul 10 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
Sep 02 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
json+jQuery实现的无限级树形菜单效果代码
Aug 27 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
javascript拖拽应用实例
Mar 25 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
详解webpack-dev-server的简单使用
Apr 02 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
php的一些小问题
2010/07/03 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
js下用gb2312编码解码实现方法
2009/12/31 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
自定义百度分享的分享按钮
2015/03/18 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
[01:25]2014DOTA2国际邀请赛 zhou分析LGD比赛情况
2014/07/14 DOTA
python 从远程服务器下载东西的代码
2013/02/10 Python
python重试装饰器示例
2014/02/11 Python
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
python实现的config文件读写功能示例
2019/09/24 Python
python  logging日志打印过程解析
2019/10/22 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
Python如何存储数据到json文件
2020/03/09 Python
Matplotlib.pyplot 三维绘图的实现示例
2020/07/28 Python
Windows下PyCharm配置Anaconda环境(超详细教程)
2020/07/31 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
试述DBMS的主要功能
2016/11/13 面试题
手机被没收检讨书
2014/02/22 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
银行进社区活动总结
2014/07/07 职场文书
应聘教师自荐信
2015/03/26 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
八年级作文之感恩
2019/11/22 职场文书
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL