js 回車事件兼容多個瀏覽器

1.window.event.keyCode的用法:設置或獲取與致使事件的按鍵關聯的 ASCII 按鍵代碼。
示例:
HTML代碼: 函數

? spa

1 .net

<input type="text" onkeydown="kenNumIE();" /> 對象

 JS代碼: blog

? 事件

1 ci

2 get

3 input

4 it

5

function kenNumIE(){   

    if(window.event.keyCode==13){

         alert("你按的是回車鍵!");   

     }

}

說明:當把光標置入輸入框後按回車鍵,就會觸發kenNumIE()事件。(回車鍵的ASCII13
可是該方法只對IE有效,緣由是Firefoxwindow對象沒有event屬性,因此window.event是不存在的,Firefox只能在事件句柄函數的第一個參數獲取事件對象。

2.兼容Firefox的方法:

HTML代碼:

?

1

<input type="text" onkeydown="keyNumAll(event);" >

JS代碼:

?

1

2

3

4

5

6

7

function keyNumAll(evt){ 

    evt = (evt) ? evt : ((window.event) ? window.event : "");  //兼容IEFirefox得到keyBoardEvent對象

    var key = evt.keyCode?evt.keyCode:evt.which; //兼容IEFirefox得到keyBoardEvent對象的鍵值 

    if(key == 13){   

       alert("你按的是回車鍵!");   

    }   

}

這樣,當你按回車鍵時,就能夠觸發keyNumAll(event)事件了。

因而代碼終於能夠在IEFirefox運行了!

注意
1. 
取得keyBoardEvent對象
2. 
取得keyBoardEvent對象的鍵值
3. onkeydown="keyNumAll(event)" 
函數須要一個參數,而且參數的名稱爲event.

相關文章
相關標籤/搜索