瀏覽器腳本兼容 文本框中,回車鍵觸發(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)文章
JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來聲明變量的關(guān)鍵字,分別是var、let和const,文章通過圍繞主題展開對三個關(guān)鍵詞的詳細(xì)介紹,需要的朋友可以參考一下2022-09-09基于JavaScript實現(xiàn)圖片連播和聯(lián)級菜單實例代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)圖片連播和聯(lián)級菜單實例代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-07-07- 打算做一個js面向?qū)ο蟮呢澇陨?但是最終是流產(chǎn)了,整理了下廢棄的代碼,回顧了下PPT.想學(xué)習(xí)js面向?qū)ο蟮呐笥岩部梢詤⒖枷隆?/div> 2011-08-08
基于layui內(nèi)置模塊(element常用元素的操作)
今天小編就為大家分享一篇基于layui內(nèi)置模塊(element常用元素的操作),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09layui table設(shè)置前臺過濾轉(zhuǎn)義等方法
今天小編就為大家分享一篇layui table設(shè)置前臺過濾轉(zhuǎn)義等方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08javascript實現(xiàn)數(shù)字配對游戲的實例講解
下面小編就為大家分享一篇javascript實現(xiàn)數(shù)字配對游戲的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12最新評論