怎樣在網頁裡面檢測滑鼠
很多新手的網頁程式設計師都會遇到這個問題,就是在網頁裡面怎麼檢測到滑鼠呢?不知道的話跟著小編一起來學習怎麼實現在網頁裡面檢測滑鼠。
在網頁裡面檢測滑鼠
開啟文字編輯器或記事本程式,像之前一樣先輸入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格式,預覽網頁效果。