美文网首页
键盘事件

键盘事件

作者: 一枚小菜 | 来源:发表于2021-01-14 14:21 被阅读0次
            .setpsw {
                margin: 0 auto;
                height: 50px;
                overflow: hidden;
                display: inline-block;
            }
    
            .setpsw input {
                width: 30px;
                height: 30px;
                padding: 0 0;
                float: left;
                margin: 5px;
                text-align: center;
                line-height: 21px;
                border: 1px solid rgba(0, 0, 0, .2);
                border-radius: 3px;
                outline: 0;
                background-color: #fff;
            }
        </style>
     <div class="setpsw input">
            <input type="password">
            <input type="password">
            <input type="password">
            <input type="password">
            <input type="password">
            <input type="password">
        </div>
    <script>
      $(".input input").keyup(function (event) {
                var e = (event) ? event : window.event;
                if ((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)) {
                    var value = $(this).val();
                    var length = value.length;
                    var val;
                    if (length > 0.5) {
                        val = value.substring(length - 1, length);
                        $(this).val(val).next().focus()
                    }
                } else if (e.keyCode == 8) {
                    $(this).prev().focus()
                } else {
                    var _val = this.value;
                    this.value = _val.replace(/\D/g, '');
                }
            });
    </script>
    
    输入6位数字密码

    显示输入字数及提示

        function(){
            var count=$(this).val().length;
            $("#textcount").html(count);
            if(count>70){
                $("#tip").show();
            }else{
                $("#tip").hide();
            }
        }
    )
    

    相关文章

      网友评论

          本文标题:键盘事件

          本文链接:https://www.haomeiwen.com/subject/woniaktx.html