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鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
Bootstrap Fileinput文件上传组件用法详解
May 10 Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
原生js实现随机点餐效果
Dec 10 Javascript
微信小程序动态添加和删除组件的现实
Feb 28 Javascript
详解js中的几种常用设计模式
Jul 16 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
Angular CLI发布路径的配置项浅析
Mar 29 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
全国FM电台频率大全 - 23 四川省
2020/03/11 无线电
第九节--绑定
2006/11/16 PHP
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
php开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
window.requestAnimationFrame是什么意思,怎么用
2013/01/13 Javascript
给ListBox添加双击事件示例代码
2013/12/02 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
2013/12/10 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
小米公司JavaScript面试题
2014/12/29 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
读懂CommonJS的模块加载
2019/04/19 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
python BeautifulSoup使用方法详解
2013/11/21 Python
Python求导数的方法
2015/05/09 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
Python实现微信机器人的方法
2019/09/06 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
Python内置函数property()如何使用
2020/09/01 Python
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
行政经理的岗位职责
2013/11/23 职场文书
家长学校工作方案
2014/05/07 职场文书
信用卡工资证明范本
2014/10/17 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
MySQL去除密码登录告警的方法
2022/04/20 MySQL