jQuery模擬實現滑鼠點選事件程式碼例項

admin發表於2017-03-10
jQuery事件

滑鼠點選事件也就是通常來將就是滑鼠單擊事件，也即是click事件，比如當點選一個按鈕或者其他元素的時候就會觸發此事件，當然我們也可以使用javascript程式碼的方式觸發此事件，程式碼如下:

[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 odiv=document.getElementById("thediv");
  bt.onclick=function(){
    odiv.innerHTML="螞蟻部落";
  }
  obt.click();
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
<input type="button" id="bt" value="檢視效果"/>
</body> 
</html>

以上程式碼為按鈕註冊了click事件處理函式，點選按鈕的時候就會執行此函式，修改div中的內容，在這裡直接呼叫click()函式就可以執行事件處理函式，實現我們的要求了。上面是原生javascript，jQuery也是如此，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("#bt").click()

相關文章