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 相关文章推荐
window.open()弹出居中的窗口
Feb 01 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
JS常用表单验证方法总结
May 22 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
canvas绘制爱心的几种方法总结(推荐)
Oct 31 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
vue实现文章内容过长点击阅读全文功能的实例
Dec 28 Javascript
Mac下安装vue
Apr 11 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
vue样式穿透 ::v-deep的具体使用
Jun 04 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
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
php检测useragent版本示例
2014/03/24 PHP
php实现mysql数据库分表分段备份
2015/06/18 PHP
为你总结一些php系统类函数
2015/10/21 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
jQuery中对节点进行操作的相关介绍
2013/04/16 Javascript
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
2020/05/13 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
python中sys.argv参数用法实例分析
2015/05/20 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
Python实现快速排序的方法详解
2019/10/25 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析
2019/12/26 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
python:解析requests返回的response(json格式)说明
2020/04/30 Python
如何利用python检测图片是否包含二维码
2020/10/15 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
经典c++面试题四
2015/05/14 面试题
奖学金自我鉴定范文
2013/10/03 职场文书
机关出纳岗位职责
2014/04/03 职场文书
低碳生活倡议书
2014/04/14 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
详解Python中下划线的5种含义
2021/07/15 Python
讨论nginx location 顺序问题
2022/05/30 Servers