我需要使用javascript限制退格中的四个输入值

我需要使用javascript限制退格中的四个输入值,javascript,jquery,html,Javascript,Jquery,Html,我需要使用javascript限制退格中的四个输入值。但我不知道如何在单个变量中存储这四个输入值。我的代码在下面 jQuery(function ($) { var input = $('#test1'); input.on('keydown', function () { var key = event.keyCode || event.charCode; if (key == 8)

我需要使用javascript限制退格中的四个输入值。但我不知道如何在单个变量中存储这四个输入值。我的代码在下面

jQuery(function ($) {
         var input = $('#test1');
         input.on('keydown', function () {
             var key = event.keyCode || event.charCode;

             if (key == 8)
                 return false;
         }); // $('#test1'), $('#test2'), $('#test3'), $('#test4') my four text input
     });

您可以添加由
分隔的多个选择器


var$inputs=$('#test1,#test2,#test3,…)

您可以对所有四个输入重复代码,或者创建一个函数,您可以将输入传递给每个输入并调用它,或者对相关输入应用一个公共类,并传递一个类选择器而不是ID

我个人认为:

function disallowBackspace(input) {
    var elem = document.getElementById(input),
        evt = function(e) {
            e = e || window.event;
            if( (e.keyCode || e.which) == 8) {
                if( e.preventDefault) e.preventDefault();
                return false;
            }
            return true;
        };
    if( elem.addEventListener) elem.addEventListener('keydown',evt);
    else elem.attachEvent('onkeydown',evt);
}
disallowBackspace("test1");
disallowBackspace("test2");
disallowBackspace("test3");
disallowBackspace("test4");

没有jqueryftw

另一种解决方案是在所有输入字段中添加一个特殊类,如
no backspace
,然后将其用作选择器

$('.no-backspace').on('keydown', function () { .... }

@用户279如果这个答案对你有帮助,请接受这个答案。