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 29 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
用jquery写的一个万年历(自写)
Jan 20 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
Javascript中实现String.startsWith和endsWith方法
Jun 10 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
Dec 04 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
Vue+Vux项目实践完整代码
Nov 30 Javascript
php结合js实现多条件组合查询
May 28 Javascript
JavaScript实现HSL拾色器
May 21 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的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
提高PHP性能的编码技巧以及性能优化详细解析
2013/08/24 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
使用composer安装使用thinkphp6.0框架问题【视频教程】
2019/10/01 PHP
php7性能提升的原因详解
2019/10/13 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
2016/05/12 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
AngularJs 动态加载模块和依赖
2016/09/15 Javascript
如何理解jQuery中的ajaxSubmit方法
2017/03/13 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
策略模式实现 Vue 动态表单验证的方法
2019/09/16 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
2020/03/09 Javascript
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
Python浅复制中对象生存周期实例分析
2018/04/02 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
python内存动态分配过程详解
2019/07/15 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
党的群众路线教育实践活动批评与自我批评
2014/02/16 职场文书
个人先进材料范文
2014/12/30 职场文书
琅琊山导游词
2015/02/05 职场文书
篮球拉拉队口号
2015/12/25 职场文书
申论不会写怎么办?教您掌握这6点思维和原则
2019/07/17 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle