javascript - 长度 - 1 比 JS 中应有的长度要长

Question

我的代码遇到了一个奇怪的问题。每次用户按下退格键时，都会从末尾删除三个数字。我目前正在使用 $(this).val($(this).val().substring(0, $(this).val().length - 1));从末尾去掉一个数字，但删除的数字超出了应有的数字。我做错什么了吗？

on('keydown keyup', '.type-date', function(e) {
        $(this).attr('maxlength', '10');
        var value = $(this).val();
        var key = String.fromCharCode(e.keyCode);
        if (!(key >= 0 && key <= 9))
            $(this).val($(this).val().substring(0, $(this).val().length - 1));
        if (value.length == 2 || value.length == 5)
            $(this).val($(this).val() + '/');
        $('.type-date').attr('value', value);
    });

Answer 1

该函数在 keydown 上执行两次，然后在 keyup 上执行。只需在 keyup

上触发函数

$('.type-date').on('keyup', function(e) {
        $(this).attr('maxlength', '10');
        var value = $(this).val();
        var key = String.fromCharCode(e.keyCode);
        if (!(key >= 0 && key <= 9))
            $(this).val($(this).val().substring(0, $(this).val().length));
        if (value.length == 2 || value.length == 5)
            $(this).val($(this).val() + '/');
        $('.type-date').attr('value', value);
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="type-date" />