JavaScript event.button

admin發表於2018-11-19
JavaScript

此事件屬性可返回一個整數，指示當事件被觸發時哪個滑鼠按鍵被點選。

語法結構: 

[JavaScript] 純文字檢視 複製程式碼
event.button

返回值解析:

（1）.返回0表示滑鼠左鍵被點選。

（2）.返回1表示滑鼠中鍵被點選。

（3）.返回2表示滑鼠右鍵被點選。

瀏覽器支援:

（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:200px;
  height:100px;
  background-color:#639;
  margin:0px auto;
}
#show{
  background-color:#FFF;
  text-align:center;
  height:30px;
}
</style>
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("antzone");
  var oshow=document.getElementById("show");
  odiv.onmousedown=function(ev){
    var ev=ev||event;
    oshow.innerHTML=ev.button;
  }
}
</script>
</head>
<body>
  <div id="show"></div>
  <div id="antzone"></div>
</body>
</html>

以上程式碼可以當在div中點選滑鼠按鍵的時候，可以彈出相應的button事件屬性值。

相關文章