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 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
Aug 22 Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
js 数组当前行添加数据方法详解
Jul 28 Javascript
Vue3 Composition API的使用简介
Mar 29 Vue.js
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
ASP知识讲座四
2006/10/09 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
Yii中表单用法实例详解
2016/01/05 PHP
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
vue2.0使用swiper组件实现轮播效果
2017/11/27 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
Python中使用中文的方法
2011/02/19 Python
Python中super的用法实例
2015/05/28 Python
python调用fortran模块
2016/04/08 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
NUK奶瓶美国官网:NUK美国
2016/09/26 全球购物
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
工程现场管理求职自荐信
2013/10/02 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
酒店保安员岗位职责
2014/01/31 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
社区活动总结范文
2015/05/07 职场文书
硕士论文致谢范文
2015/05/14 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题
船舶调度指挥系统——助力智慧海事
2022/02/18 无线电