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 相关文章推荐
js每次Title显示不同的名言
Sep 25 Javascript
JavaScript 原型链学习总结
Oct 29 Javascript
jquery ui dialog ie8出现滚动条的解决方法
Dec 06 Javascript
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
如何判断鼠标是否在DIV的区域内
Nov 13 Javascript
jquery 合并内容相同的单元格(示例代码)
Dec 13 Javascript
JavaScript中输出标签的方法
Aug 27 Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
jquery.flot.js简单绘制折线图用法示例
Mar 13 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
React优化子组件render的使用
May 12 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单件模式结合命令链模式使用说明
2008/09/07 PHP
一篇有意思的技术文章php介绍篇
2010/10/26 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
jquery tools之tabs 选项卡/页签
2009/07/25 Javascript
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
学JavaScript七大注意事项【必看】
2016/05/04 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
Python中使用logging模块打印log日志详解
2015/04/05 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
Python 画出来六维图
2019/07/26 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
Wedgwood美国官网:英国骨瓷,精美礼品及家居装饰
2018/02/17 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
牵手50香港:专为黄金岁月的单身人士而设的交友网站
2020/08/14 全球购物
轻化专业学生实习自我鉴定
2013/09/20 职场文书
企业厂长岗位职责
2013/12/17 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
女生抽烟检讨书
2014/10/05 职场文书
2014年新教师工作总结
2014/11/08 职场文书
党员检讨书范文
2014/12/27 职场文书
MySQL查询日期时间
2022/05/15 MySQL