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 相关文章推荐
Prototype Hash对象 学习
Jul 19 Javascript
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 Javascript
常用的javascript设计模式
Jan 11 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
详解nuxt sass全局变量(公共scss解决方案)
Jun 27 Javascript
vue 权限认证token的实现方法
Jul 17 Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
Jul 24 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 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加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
PHP面试题之文件目录操作
2015/10/15 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
2011/05/07 Javascript
javascript的内存管理详解
2013/08/07 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
JS实现根据当前文字选择返回被选中的文字
2014/05/21 Javascript
javascript实现检验的各种规则
2015/07/31 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
详解react如何在组件中获取路由参数
2017/06/15 Javascript
Vue.directive()的用法和实例详解
2018/03/04 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
python采用getopt解析命令行输入参数实例
2014/09/30 Python
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
python实现BackPropagation算法
2017/12/14 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Python中一些深不见底的“坑”
2019/06/12 Python
python+openCV调用摄像头拍摄和处理图片的实现
2019/08/06 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
python实现简单的tcp 文件下载
2020/09/16 Python
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
医学护理系毕业生求职信
2013/10/01 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
报关专员求职信范文
2014/02/22 职场文书
环境科学专业教师求职信
2014/07/12 职场文书
平安工地汇报材料
2014/08/19 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
文明礼仪主题班会
2015/08/13 职场文书
python APScheduler执行定时任务介绍
2022/04/19 Python
Pandas 数据编码的十种方法
2022/04/20 Python