使用Jquery实现回车键Enter切换焦点等同于tab
Nov082012
在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>
本文固定链接: https://cyq.me/1142 | 春与秋博客