JavaScript reset 事件

admin發表於2018-10-19
JavaScript事件

表單中的重置按鈕被點選時觸發此事件。

此事件可以將表單中所有的表單元素value屬性值重置為預設狀態。

關於事件處理函式註冊，可以參閱如何註冊事件處理函式一章節。

瀏覽器支援:

（1）.IE瀏覽器支援此事件。

（2）.edge瀏覽器支援此事件。

（3）.火狐瀏覽器支援此事件。

（4）.Opera瀏覽器支援此事件。

（5）.谷歌瀏覽器支援此事件。

（6）.safria瀏覽器支援此事件。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title> 
<style type="text/css"> 
div{ 
  width:100px; 
  height:100px; 
  background-color:green; 
} 
</style> 
<script type="text/javascript"> 
window.onload=function(){ 
  var myform=document.getElementById("myform"); 
  myform.onreset=function(){ 
    alert("事件觸發"); 
  } 
} 
</script> 
</head> 
<body> 
<form action="#" name="myform" id="myform"> 
  <input type="reset" value="重置"/> 
</form> 
</body> 
</html>

當點選重置按鈕就會觸發此事件。

相關文章