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

我心飞翔 分类:实例代码

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

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

代码实例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<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="http://www.pipipi.net">
  <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事件,其他类型则不会触发。

网站出售中,有意者加微信:javadudu

回复

我来回复
  • 暂无回复内容