当前位置: 首页 > PHP > 正文

使用Jquery实现回车键Enter切换焦点等同于tab

在IE,Firefox,Chrome上测试通过。


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
<div>

<input type="text" ID="tb1" class="cls" /><br />

<input type="text" ID="tb2" class="cls" /><br />

<input type="text" ID="tb3" TextMode="MultiLine" class="cls" /><br />

<input type="text" ID="tb4" class="cls" /><br />

</div>

<script type="text/javascript">

$(function () {

$('input:text:first').focus();

var $inp = $('.cls');

$inp.bind('keydown', function (e) {

var key = e.which;

if (key == 13) {

e.preventDefault();

var nxtIdx = $inp.index(this) + 1;

$(".cls:eq(" + nxtIdx + ")").focus();

}

});

});

</script>

本文固定链接: http://cyq.me/1142 | 春与秋

该日志由 cyq 于2012年11月08日发表在 PHP 分类下, 通告目前不可用,你可以至底部留下评论。
原创文章转载请注明: 使用Jquery实现回车键Enter切换焦点等同于tab | 春与秋

使用Jquery实现回车键Enter切换焦点等同于tab:等您坐沙发呢!

发表评论

快捷键:Ctrl+Enter