您的位置:首页 > 教程笔记 > 前端笔记

只有存在submit提交按钮form的submit事件才会触发

2023-12-04 13:39:51 前端笔记 37

可能在实际编码中遇到这样的情况,为form元素注册submit事件并不会被触发。

造成此种情况的一个很大可能就是因为form表单内没有submit元素。

代码实例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="/" /> 
<title>实例</title> 
<script>
window.onload=function(){
  var oform=document.getElementById("theform");
  var odiv=document.getElementById("show");
  oform.onsubmit=function(ev){
    odiv.innerHTML="submit事件触发";
  }
}
</script> 
</head> 
<body> 
<div id="show"></div>
<form name="theform" id="theform" action="">
  <div><input type="text"></div>
  <div><input type="text" ></div>
  <div><input type="text" ></div>
  <div><input type="text" ></div>
  <div><input type="text" ></div>
  <div><input type="submit" value="查看效果"></div>
</form>
</body> 
</html>

只有type为submit或者image的时候才会触发submit事件,其他类型则不会触发。

相关推荐