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 相关文章推荐
用jQuery简化JavaScript开发分析
Feb 19 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
js对图片base64编码字符串进行解码并输出图像示例
Mar 17 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
浅析Visual Studio Code断点调试Vue
Feb 27 Javascript
使用JavaScript中的lodash编写双色球效果
Jun 24 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 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语言构造器介绍
2013/07/08 PHP
php文件上传的简单实例
2013/10/19 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
php中namespace及use用法分析
2016/12/06 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
prototype1.4中文手册
2006/09/22 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
IntelliJ IDEA 安装vue开发插件的方法
2017/11/21 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
JavaScript canvas基于数组生成柱状图代码实例
2020/03/06 Javascript
Python socket模块实现的udp通信功能示例
2019/04/10 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
python实现简单飞行棋
2020/02/06 Python
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
益模软件Java笔试题
2012/03/27 面试题
幼儿教育感言
2014/02/05 职场文书
出国英文推荐信
2014/05/10 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
学习心理学的体会
2014/11/07 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
Golang ort 中的sortInts 方法
2022/04/24 Golang
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python