怎樣在網頁裡面檢測滑鼠

  很多新手的網頁程式設計師都會遇到這個問題,就是在網頁裡面怎麼檢測到滑鼠呢?不知道的話跟著小編一起來學習怎麼實現在網頁裡面檢測滑鼠。

  在網頁裡面檢測滑鼠

  開啟文字編輯器或記事本程式,像之前一樣先輸入html基本結構標籤程式碼

  <html>

  <body>

  </body>

  </html>

  接下來輸入頭標籤<head>,並在頭標籤之間輸入<script>標籤。

  <head>

  <script>

  </script>

  </head>

  然後在<script>標籤之間開始定義滑鼠按鍵檢測函式Btntest******,名稱可以自己定義。其中Num定義為滑鼠鍵的值,0代表左鍵;1代表中鍵;2代表右鍵。用if迴圈判斷。

  function Btntest***event***

  {

  var Num = event.button;

  if ***Num==2***

  {

  alert***"已按下滑鼠右鍵!"***

  }

  else if***Num==0***

  {

  alert***"已按下滑鼠左鍵!"***

  }

  else if***Num==1***

  {

  alert***"已按下滑鼠中鍵!"***;

  }

  else

  {

  alert***"已按下" + Num+ "號鍵,屬於其他功能鍵。"***;

  }

  }

  點選<body>標籤中,定義滑鼠按下呼叫Btntest******函式

  <body onmousedown="Btntest***event***">

  然後在網頁正文中新增一些文字說明,放在段落標籤<p>中。

  <p>在網頁任意位置點選滑鼠的按鍵,頁面會彈出提示框視窗,顯示您按下的滑鼠按鍵是左鍵、中鍵還是右鍵,或者是其他滑鼠功能鍵。</p>

  儲存程式碼內容為html格式,預覽網頁效果。