您的位置:首页 - 教程 - JavaScript - 正文
JS实现按Enter等同Tab的功能
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实现本功能兼容多种浏览器

评论: