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實現本功能兼容多種浏覽器