阅读 174

jquery 回车切换 tab功能

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

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        });" _ue_custom_node_="true">

 


©著作权归作者所有:来自51CTO博客作者aXinNo1_2020的原创作品,如需转载,请注明出处,否则将追究法律责任


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐