Java Event 應(yīng)用技巧:讓網(wǎng)頁猜猜你的鼠標(biāo)鍵
在Java的各種應(yīng)用中,鼠標(biāo)和鍵盤的動作與函數(shù)相結(jié)合時,可以實現(xiàn)各種各樣的事件效果。我們可以設(shè)計一個猜鼠標(biāo)按鍵的事件,在網(wǎng)頁上通過鼠標(biāo)動作來猜測用戶按了哪個鍵,并通過這個事件學(xué)習(xí)鼠標(biāo)和函數(shù)相結(jié)合的使用
在Java的各種應(yīng)用中,鼠標(biāo)和鍵盤的動作與函數(shù)相結(jié)合時,可以實現(xiàn)各種各樣的事件效果。我們可以設(shè)計一個猜鼠標(biāo)按鍵的事件,在網(wǎng)頁上通過鼠標(biāo)動作來猜測用戶按了哪個鍵,并通過這個事件學(xué)習(xí)鼠標(biāo)和函數(shù)相結(jié)合的使用技巧。
思路
要實現(xiàn)這個功能,我們需要設(shè)計一個if-else語句。一般來說,使用鼠標(biāo)的按鍵有四種可能:左鍵、中鍵、右鍵和其他鍵。我們可以設(shè)置一個變量,將其參數(shù)值定義為event.button,可能的取值為0、1、2和其他。然后,我們創(chuàng)建一個Javascript函數(shù),在其中使用alert()彈出消息框,以實現(xiàn)整個過程。
代碼示例
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 "號鍵,這叫什么?");
}
}
lt;/scriptgt;
lt;/headgt;
lt;body onmousedown"checkKey(event)"gt;
lt;pgt;只要你點擊了文檔就能彈出消息告知你使用了哪個鼠標(biāo)鍵lt;/pgt;
lt;/bodygt;
lt;/htmlgt;
讓網(wǎng)頁程序判斷光標(biāo)坐標(biāo)
下面我們再做一個小程序,讓網(wǎng)頁能夠判斷光標(biāo)的坐標(biāo)。只要你在網(wǎng)頁上點擊鼠標(biāo),就會通過消息框顯示出光標(biāo)的坐標(biāo)值。
思路
要實現(xiàn)這個效果,我們需要做以下幾步:首先,將坐標(biāo)值設(shè)置為一個變量,并將鼠標(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;點擊任意地方,就會提示坐標(biāo)lt;/pgt;
lt;/bodygt;
lt;/htmlgt;
在上面的程序中,有幾個關(guān)鍵點需要注意:通過定義x和y實現(xiàn)了坐標(biāo)值的傳遞;通過function()完成了整個事件的描述;通過alert()方法,在消息框中顯示了坐標(biāo)的提示。