jquery 리턴 전환tab 기능

3932 단어 jquery

재밌어요. 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>

좋은 웹페이지 즐겨찾기