javascript实现回车键提交表单方法总结
更新时间:2015年01月10日 11:38:36 投稿:shichen2014
这篇文章主要介绍了javascript实现回车键提交表单方法,实例总结了纯javascript与jQuery的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例总结了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>
<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>
<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程序设计有所帮助。
相关文章
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
这篇文章主要介绍了微信小程序实现发送模板消息功能,结合实例形式分析了微信小程序实现通过openid推送消息给用户相关操作技巧,需要的朋友可以参考下2019-05-05你必须知道的Javascript知识点之"字面量和对应类型"说明介绍
本篇文章小编为大家介绍,你必须知道的Javascript知识点之"字面量和对应类型"。需要的朋友参考下2013-04-04怎么理解wx.navigateTo的events参数使用详情
这篇文章主要介绍了怎么理解wx.navigateTo的events参数使用详情,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-05-05js表格排序实例分析(支持int,float,date,string四种数据类型)
这篇文章主要介绍了js表格排序实例分析(支持int,float,date,string四种数据类型),涉及javascript常用的升序、降序及数据类型转换等相关技巧,需要的朋友可以参考下2015-05-05
最新评论