javascript实现回车键提交表单方法总结
本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下:
第一种方法:javascript实现
<html>
<head>
<title>javascript实现回车键提交表单</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>
<scripttype="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>
<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="jquery-1.8.2.min.js"></script>
<scripttype="text/javascript">
$(function(){
$(document).keydown(function(e){
varcurKey=e.which;
if(curKey==13){
alert("我要提交表单了");
}
});
});
</script>
</head>
<body>
<h3>按下回车键,有惊喜</h3>
</body>
</html>
希望本文所述对大家基于js的web程序设计有所帮助。
热门推荐
10 中午生日家庭祝福语简短
11 学校职工祝福语大全简短
12 拥有爱的祝福语简短
13 英文祝福语简短带名字
14 生日祝福语 简短独特高考
15 蛋糕生日弥勒祝福语简短
16 国庆简短幽默祝福语
17 三十三句祝福语简短
18 赠礼贺卡祝福语简短英文