Java Event 應(yīng)用技巧:讓網(wǎng)頁(yè)猜猜你的鼠標(biāo)鍵
在Java的各種應(yīng)用中,鼠標(biāo)和鍵盤(pán)的動(dòng)作與函數(shù)相結(jié)合時(shí),可以實(shí)現(xiàn)各種各樣的事件效果。我們可以設(shè)計(jì)一個(gè)猜鼠標(biāo)按鍵的事件,在網(wǎng)頁(yè)上通過(guò)鼠標(biāo)動(dòng)作來(lái)猜測(cè)用戶按了哪個(gè)鍵,并通過(guò)這個(gè)事件學(xué)習(xí)鼠標(biāo)和函數(shù)相結(jié)合的使用
在Java的各種應(yīng)用中,鼠標(biāo)和鍵盤(pán)的動(dòng)作與函數(shù)相結(jié)合時(shí),可以實(shí)現(xiàn)各種各樣的事件效果。我們可以設(shè)計(jì)一個(gè)猜鼠標(biāo)按鍵的事件,在網(wǎng)頁(yè)上通過(guò)鼠標(biāo)動(dòng)作來(lái)猜測(cè)用戶按了哪個(gè)鍵,并通過(guò)這個(gè)事件學(xué)習(xí)鼠標(biāo)和函數(shù)相結(jié)合的使用技巧。
思路
要實(shí)現(xiàn)這個(gè)功能,我們需要設(shè)計(jì)一個(gè)if-else語(yǔ)句。一般來(lái)說(shuō),使用鼠標(biāo)的按鍵有四種可能:左鍵、中鍵、右鍵和其他鍵。我們可以設(shè)置一個(gè)變量,將其參數(shù)值定義為event.button,可能的取值為0、1、2和其他。然后,我們創(chuàng)建一個(gè)Javascript函數(shù),在其中使用alert()彈出消息框,以實(shí)現(xiàn)整個(gè)過(guò)程。
代碼示例
lt;htmlgt;
lt;headgt;
lt;script type"text/javascript"gt;
function checkKey(event) {
var key event.button;
if (key 2) {
alert("右鍵!");
} else if (key 0) {
alert("左鍵!");
} else if (key 1) {
alert("中鍵!");
} else {
alert("搞事情" key "號(hào)鍵,這叫什么?");
}
}
lt;/scriptgt;
lt;/headgt;
lt;body onmousedown"checkKey(event)"gt;
lt;pgt;只要你點(diǎn)擊了文檔就能彈出消息告知你使用了哪個(gè)鼠標(biāo)鍵lt;/pgt;
lt;/bodygt;
lt;/htmlgt;
讓網(wǎng)頁(yè)程序判斷光標(biāo)坐標(biāo)
下面我們?cè)僮鲆粋€(gè)小程序,讓網(wǎng)頁(yè)能夠判斷光標(biāo)的坐標(biāo)。只要你在網(wǎng)頁(yè)上點(diǎn)擊鼠標(biāo),就會(huì)通過(guò)消息框顯示出光標(biāo)的坐標(biāo)值。
思路
要實(shí)現(xiàn)這個(gè)效果,我們需要做以下幾步:首先,將坐標(biāo)值設(shè)置為一個(gè)變量,并將鼠標(biāo)事件的執(zhí)行結(jié)果傳遞給它;其次,使消息框中的內(nèi)容與坐標(biāo)值保持同步。
代碼示例
lt;htmlgt;
lt;headgt;
lt;script type"text/javascript"gt;
function showCoordinates(event) {
var x ;
var y ;
alert("水平坐標(biāo):" x ", 垂直坐標(biāo):" y);
}
lt;/scriptgt;
lt;/headgt;
lt;body onmousedown"showCoordinates(event)"gt;
lt;pgt;點(diǎn)擊任意地方,就會(huì)提示坐標(biāo)lt;/pgt;
lt;/bodygt;
lt;/htmlgt;
在上面的程序中,有幾個(gè)關(guān)鍵點(diǎn)需要注意:通過(guò)定義x和y實(shí)現(xiàn)了坐標(biāo)值的傳遞;通過(guò)function()完成了整個(gè)事件的描述;通過(guò)alert()方法,在消息框中顯示了坐標(biāo)的提示。