怎樣在網(wǎng)頁(yè)里面檢測(cè)鼠標(biāo)
很多新手的網(wǎng)頁(yè)程序員都會(huì)遇到這個(gè)問(wèn)題,就是在網(wǎng)頁(yè)里面怎么檢測(cè)到鼠標(biāo)呢?不知道的話跟著學(xué)習(xí)啦小編一起來(lái)學(xué)習(xí)怎么實(shí)現(xiàn)在網(wǎng)頁(yè)里面檢測(cè)鼠標(biāo)。
在網(wǎng)頁(yè)里面檢測(cè)鼠標(biāo)
打開(kāi)文本編輯器或記事本程序,像之前一樣先輸入html基本結(jié)構(gòu)標(biāo)簽代碼
<html>
<body>
</body>
</html>
接下來(lái)輸入頭標(biāo)簽<head>,并在頭標(biāo)簽之間輸入<script>標(biāo)簽。
<head>
<script>
</script>
</head>
然后在<script>標(biāo)簽之間開(kāi)始定義鼠標(biāo)按鍵檢測(cè)函數(shù)Btntest(),名稱(chēng)可以自己定義。其中Num定義為鼠標(biāo)鍵的值,0代表左鍵;1代表中鍵;2代表右鍵。用if循環(huán)判斷。
function Btntest(event)
{
var Num = event.button;
if (Num==2)
{
alert("已按下鼠標(biāo)右鍵!")
}
else if(Num==0)
{
alert("已按下鼠標(biāo)左鍵!")
}
else if(Num==1)
{
alert("已按下鼠標(biāo)中鍵!");
}
else
{
alert("已按下" + Num+ "號(hào)鍵,屬于其他功能鍵。");
}
}
點(diǎn)擊<body>標(biāo)簽中,定義鼠標(biāo)按下調(diào)用Btntest()函數(shù)
<body onmousedown="Btntest(event)">
然后在網(wǎng)頁(yè)正文中添加一些文字說(shuō)明,放在段落標(biāo)簽<p>中。
<p>在網(wǎng)頁(yè)任意位置點(diǎn)擊鼠標(biāo)的按鍵,頁(yè)面會(huì)彈出提示框窗口,顯示您按下的鼠標(biāo)按鍵是左鍵、中鍵還是右鍵,或者是其他鼠標(biāo)功能鍵。</p>
保存代碼內(nèi)容為html格式,預(yù)覽網(wǎng)頁(yè)效果。