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 Autocomplete自动完成插件
Jul 17 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
Oct 30 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
使用vue-cli编写vue插件的方法
Feb 26 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 Javascript
微信小程序indexOf的替换方法(推荐)
Jan 14 Javascript
详解vue高级特性
Jun 09 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
JSQL 基于客户端的成绩统计实现方法
2010/05/05 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
vue实现循环切换动画
2018/10/17 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
python中from module import * 的一个坑
2014/07/20 Python
python实现用户登陆邮件通知的方法
2015/07/09 Python
python 删除大文件中的某一行(最有效率的方法)
2017/08/19 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python 进程 进程池 进程间通信实现解析
2019/08/23 Python
django queryset相加和筛选教程
2020/05/18 Python
python3.6.8 + pycharm + PyQt5 环境搭建的图文教程
2020/06/11 Python
详解Python中第三方库Faker
2020/09/25 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
出纳岗位职责
2013/11/09 职场文书
面包店的创业计划书范文
2014/01/16 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
共筑中国梦演讲稿
2014/04/23 职场文书
小学班主任培训方案
2014/06/04 职场文书
小学教师师德整改措施
2014/09/29 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
大学副班长竞选稿
2015/11/21 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python