jquery 回车切换 tab功能

最新推荐文章于 2024-04-10 17:13:41 发布

weixin_30687587

最新推荐文章于 2024-04-10 17:13:41 发布

阅读量164

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/axinno1/p/3640189.html

版权

挺有趣的，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>

转载于:https://www.cnblogs.com/axinno1/p/3640189.html

weixin_30687587

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery 回车切换 tab功能

挺有趣的，Jquery 回车切换tab功能的实现哦<html><head></head><body><form>用户名：<input name='user'/>密码：<input name='pwd' type='pass...
复制链接

扫一扫