js實現的按鈕不用人為點選就觸發點選事件

antzone發表於2017-03-26
JS事件

通常情況下，可以為按鈕註冊一個click點選事件處理函式，當點選這個按鈕的時候，就會觸發事件，執行響應的事件處理函式，但是有時候可能會要求不點選按鈕也會觸發事件，執行事件處理函式。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title>  
<script type="text/javascript"> 
window.onload=function(){
  var obt=document.getElementById("bt");
  var oshow=document.getElementById("show");
  obt.onclick=function(){
    oshow.innerHTML="螞蟻部落";
  }
  obt.onclick();
}
</script> 
</head> 
<body> 
<div id="show"></div>
<input type="button" id="bt" value="檢視效果"/>
</body> 
</html>

上面的程式碼中，直接呼叫obt.onclick()就可以執行事件處理函式，也就相當於觸發了按鈕的click事件。

相關文章