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 按回车键相应按钮提交事件
Nov 02 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
Apr 26 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
深入浅析Vue组件开发
Nov 25 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
Jan 11 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 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.MVC的模板标签系统(五)
2006/09/05 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
解决PHP里大量数据循环时内存耗尽的方法
2015/10/10 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
Javascript代码在页面加载时的执行顺序介绍
2013/05/03 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
Vue.js中的高级面试题及答案
2020/01/13 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
使用Python中的cookielib模拟登录网站
2015/04/09 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
python 给DataFrame增加index行名和columns列名的实现方法
2018/06/08 Python
python for和else语句趣谈
2019/07/02 Python
Python进阶之迭代器与迭代器切片教程
2020/01/29 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
荷兰超市:DEEN
2018/03/14 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
运动会100米解说词
2014/01/23 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
学习型班组申报材料
2014/05/31 职场文书
2014年实习生工作总结
2014/11/27 职场文书
安全先进班组材料
2014/12/26 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
Python基础教程,Python入门教程(超详细)
2021/06/24 Python
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js