瀏覽器腳本兼容 文本框中,回車鍵觸發(fā)事件的兼容
更新時間：2010年06月21日 15:03:58 作者：
在文本框中輸入完內(nèi)容后,經(jīng)常需要按回車,焦點跳到下個文本框,或者觸發(fā)按鈕事件
判斷是否按下的為回車非常簡單:
function EnterPress(){
if(event.keycode == 13){
...
}
}
IE6的onkeypress會接受"回車事件",而onkeydown不會接受
IE8的onkeypress不會接受"回車事件",而onkeydown會接受
...不用糾結(jié)于此,兩個都寫上吧
<input type="text" onkeypress="EnterPress()" onkeydown="EnterPress()" />
但是,到了FF下面,又會出現(xiàn)矛盾.FF是onkeypress和onkeydown都接受"回車事件"的.
同時,為了兼容FF下面能獲得event,需要這樣寫:
function EnterPress(e){ //傳入 event
var e = e | window.event;
if(e.keycode == 13){
...
}
}
那么,只要給任意的一個事件內(nèi)傳參數(shù) event,另外一個不傳參數(shù),即可以讓FF只執(zhí)行一次了:
&<input type="text" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />
綜上,兼容IE和FF:
<head>
<script>
function EnterPress(e){ //傳入 event
var e = e | window.event;
if(e.keycode == 13){
document.getElementById("txtAdd").focus();
}
}
</script>
</head>
<body>
<input type="text" id="txtName" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />
<input type="text" id="txtAdd" />
</body>
--by:泡沫的幻想
復(fù)制代碼 代碼如下:
function EnterPress(){
if(event.keycode == 13){
...
}
}
IE6的onkeypress會接受"回車事件",而onkeydown不會接受
IE8的onkeypress不會接受"回車事件",而onkeydown會接受
...不用糾結(jié)于此,兩個都寫上吧
復(fù)制代碼 代碼如下:
<input type="text" onkeypress="EnterPress()" onkeydown="EnterPress()" />
但是,到了FF下面,又會出現(xiàn)矛盾.FF是onkeypress和onkeydown都接受"回車事件"的.
同時,為了兼容FF下面能獲得event,需要這樣寫:
復(fù)制代碼 代碼如下:
function EnterPress(e){ //傳入 event
var e = e | window.event;
if(e.keycode == 13){
...
}
}
那么,只要給任意的一個事件內(nèi)傳參數(shù) event,另外一個不傳參數(shù),即可以讓FF只執(zhí)行一次了:
復(fù)制代碼 代碼如下:
&<input type="text" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />
綜上,兼容IE和FF:
復(fù)制代碼 代碼如下:
<head>
<script>
function EnterPress(e){ //傳入 event
var e = e | window.event;
if(e.keycode == 13){
document.getElementById("txtAdd").focus();
}
}
</script>
</head>
<body>
<input type="text" id="txtName" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />
<input type="text" id="txtAdd" />
</body>
--by:泡沫的幻想
相關(guān)文章
JS如何使用正則表達式(match)截取括號中的文字和數(shù)字
正則表達式是一種用來匹配文本模式的工具,這篇文章主要給大家介紹了關(guān)于JS如何使用正則表達式(match)截取括號中文字和數(shù)字的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
在這里我們可以使用自己編寫的trim方法來處理一些剪掉字符串兩端的空字符串的需要，下面有個不錯的方法，感興趣的朋友可以參考下2013-10-10
js實現(xiàn)連續(xù)英文字符自動換行兼容ie6 ie7和firefox
英文字符自動換行,通過js腳本截斷字符串,此方法通用ie6,ie7,firefox，使用CSS控制強制換行實現(xiàn)不了的朋友可以嘗試下2013-09-09
javascript中的循環(huán)語句for語句深入理解
for循環(huán)是多數(shù)語言都有的。在javascript中，for循環(huán)有幾種不同的使用情況，下面為大家一一介紹下2014-04-04
我們可以在script片斷中定義一個被JS調(diào)用的代碼，但代碼又不在頁面上顯示，這時，我們可以使用下面的方法;當(dāng)script中的type等于text/html時我們可以做些什么呢？感興趣的朋友可以了解下啊2013-01-01
淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別
這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了淺談es6中的元編程，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了js實現(xiàn)飛入星星特效代碼,主要通過控制背景與飛入點的樣式,結(jié)合setTimeout函數(shù)即可實現(xiàn)星星飛入的效果,對于學(xué)習(xí)javascript有不錯的參考借鑒價值,需要的朋友可以參考下2014-10-10
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之二叉查找樹（Binary Sort Tree）實例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之二叉查找樹（Binary Sort Tree）,結(jié)合實例形式詳細分析了二叉查找樹（Binary Sort Tree）的原理、定義、遍歷、查找、插入、刪除等常見操作技巧,需要的朋友可以參考下2019-08-08
JavaScript fights back in this artificial Tic Tac Toe game. Great script to have to entertain yourself and your visitors.2009-12-12