获取keydown上的输入值并将其设置为其他输入

时间:2016-06-13 14:43:46

标签: jquery get numeric keydown

我有一个输入元素,并希望确保只允许数字值。我找到了一个有效的例子here

现在我想获取该字段的值并将其写入另一个输入元素:

$(".firstinput").keydown(function (e) {
    // Allow: backspace, delete, tab, escape, enter and .
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
         // Allow: Ctrl+A, Command+A
        (e.keyCode == 65 && ( e.ctrlKey === true || e.metaKey === true ) ) || 
         // Allow: home, end, left, right, down, up
        (e.keyCode >= 35 && e.keyCode <= 40)) {
             var $this = $(this).val();
             $("copiedinput").val($this);
             return;
    }
    // Ensure that it is a number and stop the keypress
    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
        e.preventDefault();
    }
});

这几乎可以工作,但我只按了输入或退格后才得到值。键入'222'和退格导致.firstinput的'22'和.copiedinput的'222'。我怎样才能获得实时价值?

1 个答案:

答案 0 :(得分:0)

试试这个:

$(".firstinput").keyup(function() {
    $(".firstinput,.copiedinput").val($(this).val().replace(/[^\/\d]/g, ""));
});

或处理keydown:

$(".firstinput").keydown(function(e) {
    return (
        $.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
        (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) || 
        (e.keyCode >= 35 && e.keyCode <= 40) ||
        (e.keyCode >= 96 && e.keyCode <= 105) ||
        (!e.shiftKey && e.keyCode >= 48 && e.keyCode <= 57)
    );
}).keyup(function() {
    $(".copiedinput").val($(this).val());
});