javascript实现回车键提交表单方法总结
javascript实现回车键提交表单方法总结
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下:第一种方法:javascript实现复制代码代...

本文实例总结了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教程学习
热门Javascript教程学习
编程开发子分类