您的位置：首页 > Web前端 > JQuery

jquery 回车切换 tab功能

2014-04-02 11:13 567 查看
挺有趣的，Jquery 回车切换tab功能的实现哦

<html>

<head><!--jquery库.js--></head>

<body>

<form>

用户名：<input name='user'/>

密码：<input name='pwd' type='password'/>

<input type='submit' value='登陆'/>

</form>

</body>

</html>


js：

<script>
jQuery(document).ready(function () {
//按Enter鍵直接Tab
$("input[name='user']:first").focus();
var $target = $("input[name='user'],input[name='pwd'],button[type='submit']");
$target.bind('keydown', function (e) {
var key = e.which;
if (key == 13) {
e.preventDefault();
var nxtIdx = $target.index(this) + 1;
if ($target.eq(nxtIdx).attr("type") == "submit") {
$target.eq(nxtIdx).click();
} else {
$target.eq(nxtIdx).focus();
}
}
});
//End
});
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航