瀏覽器腳本兼容 文本框中,回車鍵觸發(fā)事件的兼容
更新時間：2010年06月21日 15:03:58 作者：
在文本框中輸入完內容后,經常需要按回車,焦點跳到下個文本框,或者觸發(fā)按鈕事件
判斷是否按下的為回車非常簡單:
function EnterPress(){
if(event.keycode == 13){
...
}
}
IE6的onkeypress會接受"回車事件",而onkeydown不會接受
IE8的onkeypress不會接受"回車事件",而onkeydown會接受
...不用糾結于此,兩個都寫上吧
<input type="text" onkeypress="EnterPress()" onkeydown="EnterPress()" />
但是,到了FF下面,又會出現矛盾.FF是onkeypress和onkeydown都接受"回車事件"的.
同時,為了兼容FF下面能獲得event,需要這樣寫:
function EnterPress(e){ //傳入 event
var e = e | window.event;
if(e.keycode == 13){
...
}
}
那么,只要給任意的一個事件內傳參數 event,另外一個不傳參數,即可以讓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下面,又會出現矛盾.FF是onkeypress和onkeydown都接受"回車事件"的.
同時,為了兼容FF下面能獲得event,需要這樣寫:
復制代碼 代碼如下:
function EnterPress(e){ //傳入 event
var e = e | window.event;
if(e.keycode == 13){
...
}
}
那么,只要給任意的一個事件內傳參數 event,另外一個不傳參數,即可以讓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實現圖片連播和聯級菜單實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-07-07
打算做一個js面向對象的貪吃蛇,但是最終是流產了,整理了下廢棄的代碼,回顧了下PPT.想學習js面向對象的朋友也可以參考下。2011-08-08
今天小編就為大家分享一篇基于layui內置模塊(element常用元素的操作)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
今天小編就為大家分享一篇layui table設置前臺過濾轉義等方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了js獲取當前月的第一天和最后一天的小例子，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了浮動的div自適應居中顯示的js代碼，有需要的朋友可以參考一下2013-12-12
小圖整合在一張大圖里，然后在不同的CSS里調用同一張圖片，以此來減少請求數，這是頁面優(yōu)化最常用的手段，但IE6會對頁面里同一個圖片，只要在不同的地方有引用到就會重新請求一次，需要加JS代碼解決。2010-07-07
下面小編就為大家分享一篇javascript實現數字配對游戲的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了js實現簡潔的滑動門菜單(選項卡)效果代碼,涉及javascript鼠標事件操作頁面元素樣式切換的實現技巧,簡單實用,需要的朋友可以參考下2015-09-09