DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 用JS控制回車事件的代碼
用JS控制回車事件的代碼
編輯:關於JavaScript     
我們操作習慣也確實是喜歡用回車建來直接提交數據。經過對項目的一番檢查,這其實是頁面設計得不好,導致浏覽器在加載時把退出登錄按鈕當成默認的按鈕,所以一按回車就觸這退出按鈕事件。考慮到一個龐大的項目為了這個問題去改頁面設計也不太現實,況且客戶要求在有“保存”按鈕時按回車按鈕就觸發“保存”按鈕事件,有“下一步”按鈕時就觸發它的事件,有“提交”按鈕時就觸發相應的事件等等,如果一個個頁面去改動那工作量可就大得驚人了。於是乎考慮用直接在模板header文件中用js來實現全站對回車按鈕的事件觸發,下面是相應的代碼:
復制代碼 代碼如下:
<script language="javascript" for="document" event="onkeydown">
//回車按鈕事件處理
if (event.keyCode == 13){
event.keyCode=0;
var list=document.getElementsByTagName("input");
for(var i=0;i<list.length && list[i];i++)
{
if(list[i].id.indexOf("IBtnNextStep")>0){//ID中包含有“IBtnNextStep”字眼的按鈕
list[i].click();
}
if(list[i].id=="BtnSave"){
list[i].click();
}

if(list[i].id=="BtnSumbit"){
list[i].click();
}
}
return false;
}
</script>

其實也蠻簡單的,就在模板文件中加入上面那段,先獲取回車事件,然後就獲取頁面的所有按鈕,一個個循環判斷按鈕ID是否符合你要求,是的就去觸發按鈕的事件。上面代碼還存在一個問題就是當你頁面中同時存在了那幾個ID的按鈕時,會導致觸發所有按鈕,至於如何改進就看實際應用場景了,而在我的項目中是不會出現同時存在這幾個按鈕,所以可以平安應用。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved