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网页中的(运行代码)功能实现思路
Feb 04 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 Javascript
JavaScript异步回调的Promise模式封装实例
Jun 07 Javascript
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
vue2使用keep-alive缓存多层列表页的方法
Sep 21 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
Oct 30 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:风雨欲来 路在何方?
2006/10/09 PHP
上传多个文件的PHP脚本
2006/11/26 PHP
用php过滤危险html代码的函数
2008/07/22 PHP
php编写一个简单的路由类
2011/04/13 PHP
PHP正则表达式之定界符和原子介绍
2012/10/05 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
jquery 查找新建元素代码
2010/07/06 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
Javascript农历与公历相互转换的简单实例
2016/10/09 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
python验证码识别的实例详解
2016/09/09 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
Python实现点云投影到平面显示
2020/01/18 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
PyCharm最新激活码(2020/10/27全网最新)
2020/10/27 Python
PyCharm最新激活码PyCharm2020.2.3有效
2020/11/18 Python
2019史上最全Database工程师题库
2015/12/06 面试题
人力资源专员岗位职责
2014/01/30 职场文书
出纳员岗位责任制
2014/02/11 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
毕业生评语大全
2015/01/04 职场文书
介绍信格式样本
2015/05/05 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
高中升旗仪式主持词
2015/07/03 职场文书