控制回車焦點問題:
代碼如下:
<script type="text/javascript">
function submitForm() {
if(window.event.keyCode==13) {
document.getElementById('btnSearch').focus();
}
}
document.onkeydown=submitForm;
</script>
首先需要了解的是如何初始化該事件,基本語句如下:
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) {
var keycode = e.which
var realkey = String.fromCharCode(e.which)
alert("keycode: " + keycode + " realkey: " + realkey)
}
document.onkeydown = keyDown
document.captureEvents(Event.KEYDOWN)
Internet Explorer
IE的程序與Netscape類似,但它不需要e變量,用window.event.keyCode來代替e.which,把鍵的索引值轉化為真實鍵值方法類似:String.fromCharCode(event.keyCode),程序如下:
代碼如下:
function keyDown() {
var keycode = event.keyCode
var realkey = String.fromCharCode(event.keyCode)
alert("keycode: " + keycode + " realkey: " + realkey)
}
document.onkeydown = keyDown
document.onkeydown = keyDown
適用于兩者的程序
用兩種瀏覽器檢查上述實例,你會發現執行結果不總是一樣的,這是因為兩種瀏覽器的鍵盤代碼設置不相同,因此你必須使用單獨的代碼分別來寫這段程序,而毫無別法。
建議你要完全忘掉實際的鍵值,僅僅使用鍵盤的代碼值來工作。下面這段程序將視情況而設置,如果是用IE的話,ieKey生效,把nKey設為0,如果是用Netscape的話,nKey生效,把nKey設為0,然后用一個警示框來顯示兩者的值:
代碼如下:
function keyDown(e) {
if (ns4) {
var nKey=e.which;
var ieKey=0
}
if (ie4) {
var ieKey=event.keyCode;
新聞熱點
疑難解答
圖片精選