DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JS實現按Enter等同Tab的功能
JS實現按Enter等同Tab的功能
編輯:JavaScript基礎知識     
JS實現按Enter等同Tab的功能
按Tab鍵時,頁面上的焦點會跳轉到下一個元素,本例子要實現的效果就是按下鍵盤的回車鍵(Enter)時,實現Tab鍵的效果。支持IE浏覽器,不支持Chrome

實現的代碼如下:
<input type="text" id="tabhovertree" onkeydown="javascript:enterHovertree();" value="請按回車鍵,何問起" /><br />
<input type="text" id="tabhovertree2" onkeydown="javascript:enterHovertree();" value="請按回車鍵,hovertree" /><br />
<input type="text" id="tabhovertree3" onkeydown="javascript:enterHovertree();" value="請按回車鍵," /><br />
<a href="http://hovertree.com/menu/javascript/">何問起JavaScript</a>
<script>
function enterHovertree(){

if(event.keyCode==13)
event.keyCode=9; //Tab的鍵值為9 Enter的鍵值為13 hovertree.com
}
</script>


效果如下,請點擊第一個文本框,然後按回車鍵:




何問起JavaScript


以上不支持火狐,酷睿浏覽器
使用jQuery實現本功能兼容多種浏覽器
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved