javascript的鍵盤控制事件

2021-08-30 17:05:47 字數 2362 閱讀 8796

獲取鍵盤控制事件是實現互動性最有力的方法之一。

首先需要了解的是如何初始化該事件,基本語句如下:

document.onkeydown = keydown

當瀏覽器讀到這個語句時,無論按下鍵盤上的哪個鍵,都將呼叫keydown()函式。

捕獲鍵盤事件對於不同的瀏覽器來說有點困難,我們分別的來學習不同瀏覽器的實現語句。

netscape

netscape的程式實現要比ie麻煩,你必須放乙個特別的語句,來使netscape始終去檢查擊鍵事件,如果沒有這行語句,擊鍵事件將與按下滑鼠事件搞混。特別語句如下:

document.onkeydown = keydown

if (ns4) document.captureevents(event.keydown)

keydown()函式有乙個隱藏的變數 --一般的,我們使用字母「e」來表示這個函式。

function keydown(e)

變數e表示發生擊鍵事件,尋找是哪個鍵被按下,使用以下屬性:

e.which

這將給出該鍵的索引值,把索引值轉化成該鍵的字母或數字值,寫:

string.fromcharcode(e.which)

把上面的語句放在一起,我們可以知道被按下的是哪乙個鍵:

function keydown(e)

document.onkeydown = keydown

document.captureevents(event.keydown)

internet explorer

ie的程式與netscape類似,但它不需要e變數,用 window.event.keycode來代替e.which,把鍵的索引值轉化為真實鍵值方法類似:string.fromcharcode(event.keycode),程式如下:

function keydown()

document.onkeydown = keydown

document.onkeydown = keydown

適用於兩者的程式

用兩種瀏覽器檢查上述例項,你會發現執行結果不總是一樣的,這是因為兩種瀏覽器的鍵盤**設定不相同,因此你必須使用單獨的**分別來寫這段程式,而毫無別法。

建議你要完全忘掉實際的鍵值,僅僅使用鍵盤的**值來工作。下面這段程式將視情況而設定,如果是用ie的話,iekey生效,把nkey設為0,如果是用 netscape的話,nkey生效,把nkey設為0,然後用乙個警示框來顯示兩者的值:

function keydown(e)

if (ie4)

alert("nkey:"+nkey+" iekey:" + iekey)

}document.onkeydown = keydown

if (ns4) document.captureevents(event.keydown)

使用鍵盤移動物件

下面的程式實現用鍵盤移動物件,程式將檢查哪乙個鍵被按下,從而呼叫相應的函式來移動物件。本例中,當字母「a」被按下時,物件就開始移動,字母「a」 鍵在nkey中的值是97,iekey的值為65,在程式中將分別檢查這兩個值。

function init()

function keydown(e)

if (ie4)

if (nkey==97 || iekey==65)

}function slide()

增加 "active"變數

上面程式稍微有些不足,物件移動以後就無法使它停止了,而且當你多按幾次a鍵時,物體將運動得越來越快,這裡我們來修補它。

使用變數"active"來改變這種情況,插入if語句來檢查函式是否重複。

function slide()

}在這種情況中,slide()函式只有在myobj.active值為真的時候才會工作,當myobj.active值為假時,物件將停止移動。

使用 onkeyup 和 "active" 變數

onkeyup事件和onkeydown事件工作原理相同,用以下語句初始化該事件:

document.onkeydown = keydown

document.onkeyup = keyup

if (ns4) document.captureevents(event.keydown | event.keyup)

keyup() 函式與之相同,當乙個鍵被放開時事件被激發,物件停止移動,並將active變數置為0:

function keyup(e)

下面是比較完整的程式:

function init()

function keydown(e)

if (ie4)

if ((nkey==97 || iekey==65) && !block.active)

}function keyup(e)

JavaScript的鍵盤事件

鍵盤事件 keypress 當鍵盤鍵按下的過程 首先,按鍵被按下,然後,按鍵被鬆開 keydown 當鍵盤鍵按下時,觸發 keyup 當鍵盤鍵鬆開時,觸發 觸發順序 1 keypress鍵按下的過程 2 keydown鍵被按下 3 keyup鍵被鬆開 keydown與keypress區別 都是被按下...

JavaScript 鍵盤事件

1 onkeypress 事件 當鍵盤上的某個鍵被按下並且釋放時觸發的事件.注意 頁面內必須有被聚焦的物件 2 onkeyup 事件 當鍵盤上某個按鍵被按放開時觸發的事件 注意 頁面內必須有被聚焦的物件 3 onkeydown事件 當鍵盤上某個按鍵被按下時觸發的事件 注意 頁面內必須有被聚焦的物件 ...

javascript監聽鍵盤事件

1.監聽鍵盤事件源和鍵盤動作來實現不同的操作 2.利用回車代替tab鍵 附 鍵盤各鍵對應的鍵值 值描述 r 0x1滑鼠左鍵 r 0x2滑鼠右鍵 r 0x3cancel鍵 r 0x4滑鼠中鍵 r 0x8backspace鍵 r 0x9tab鍵 r 0xcclear鍵 r 0xdenter鍵 r 0x1...