JavaScript mousedown 事件

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

當滑鼠按鍵被按下時就會觸發此事件。

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

瀏覽器支援:

（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">  
#antzone{  
  width:100px;  
  height:100px;  
  background-color:green; 
  cursor:pointer; 
}  
</style>  
<script type="text/javascript">  
window.onload=function(){
  var odiv=document.getElementById("antzone"); 
  odiv.onmousedown=function(){
    odiv.style.backgroundColor="red";
  }
} 
</script>  
</head>  
<body>  
<div id="antzone"></div>  
</body>  
</html>

在上面的程式碼中，滑鼠點選div元素會將背景顏色修改為紅色。

相關文章