只有存在submit提交按鈕form的submit事件才會觸發

antzone發表於2017-04-01
MITORM事件

可能在實際編碼中遇到這樣的情況，為form元素註冊submit事件並不會被觸發。

造成此種情況的一個很大可能就是因為form表單內沒有submit元素。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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.softwhy.com">
  <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事件，其他型別則不會觸發。

相關文章