提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript实现回车键提交表单方法总结

JavaScript方法 实现 总结 提交 表单 回车键
2023-06-13 09:15:39 时间

本文实例总结了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程序设计有所帮助。

相关文章