瀏覽器腳本兼容 文本框中,回車鍵觸發(fā)事件的兼容
更新時間:2010年06月21日 15:03:58 作者:
在文本框中輸入完內容后,經(jīng)常需要按回車,焦點跳到下個文本框,或者觸發(fā)按鈕事件
判斷是否按下的為回車非常簡單:
function EnterPress(){
if(event.keycode == 13){
...
}
}
IE6的onkeypress會接受"回車事件",而onkeydown不會接受
IE8的onkeypress不會接受"回車事件",而onkeydown會接受
...不用糾結于此,兩個都寫上吧
<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){
...
}
}
那么,只要給任意的一個事件內傳參數(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:泡沫的幻想
復制代碼 代碼如下:
function EnterPress(){
if(event.keycode == 13){
...
}
}
IE6的onkeypress會接受"回車事件",而onkeydown不會接受
IE8的onkeypress不會接受"回車事件",而onkeydown會接受
...不用糾結于此,兩個都寫上吧
復制代碼 代碼如下:
<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){
...
}
}
那么,只要給任意的一個事件內傳參數(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:泡沫的幻想
相關文章
JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來聲明變量的關鍵字,分別是var、let和const,文章通過圍繞主題展開對三個關鍵詞的詳細介紹,需要的朋友可以參考一下2022-09-09基于JavaScript實現(xiàn)圖片連播和聯(lián)級菜單實例代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)圖片連播和聯(lián)級菜單實例代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-07-07javascript實現(xiàn)數(shù)字配對游戲的實例講解
下面小編就為大家分享一篇javascript實現(xiàn)數(shù)字配對游戲的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12