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 EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
Bootstrap table的使用方法
Nov 02 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
十个免费的web前端开发工具详细整理
Sep 18 Javascript
js读取本地文件的实例
Dec 22 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
jquery更改元素属性attr()方法操作示例
May 22 jQuery
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中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
window.onload使用指南
2015/09/13 Javascript
JS+CSS实现闪烁字体效果代码
2016/04/05 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
Sortable.js拖拽排序使用方法解析
2016/11/04 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
jquery实现直播视频弹幕效果
2020/02/25 jQuery
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
python使用Tkinter显示网络图片的方法
2015/04/24 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
Java程序员面试题
2013/07/15 面试题
大学生家政服务项目创业计划书
2014/01/30 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
信用卡工作证明模板
2014/09/14 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL
微信小程序实现录音Record功能
2021/05/09 Javascript
解读MySQL的客户端和服务端协议
2021/05/10 MySQL