Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 逗号仅适用于多个字段的第一个输入字段_Javascript - Fatal编程技术网

Javascript 逗号仅适用于多个字段的第一个输入字段

Javascript 逗号仅适用于多个字段的第一个输入字段,javascript,Javascript,我尝试在您键入数字时在每个文本输入中动态插入逗号。然而,它只适用于第一次输入,我不知道为什么 这是我的密码: HTML <input type="text" class="number" id="annual-income" name="annual_income"> <input type="text" class="number" id="commission" name="commission"> <input type="text" class="numbe

我尝试在您键入数字时在每个文本输入中动态插入逗号。然而,它只适用于第一次输入,我不知道为什么

这是我的密码:

HTML

<input type="text" class="number" id="annual-income" name="annual_income">
<input type="text" class="number" id="commission" name="commission">
<input type="text" class="number" id="bonus" name="bonus">
<input id="income-button" type="button" value="Next">

Javascript

var el = document.querySelector('input.number');
  el.addEventListener('keyup', function (event) {
    if (event.which >= 37 && event.which <= 40) return;

    this.value = this.value.replace(/\D/g, '')
      .replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  });
var el=document.querySelector('input.number');
el.addEventListener('keyup',函数(事件){

如果(event.which>=37&&event.which,因为您只将其连接到第一个元素。要选择所有元素,您需要
querySelectorAll
。然后您需要遍历它们。大致如下:

// The function we'll use for handling keyup
function handleKeyUp(event) {
    if (event.which >= 37 && event.which <= 40) return;

    this.value = this.value.replace(/\D/g, '')
      .replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

// Get the list of inputs
var list = document.querySelectorAll('input.number');

// Add the event listener to them:
Array.prototype.forEach.call(list, function(el) {
    el.addEventListener('keyup', handleKeyUp);
});
//我们将用于处理keyup的函数
函数handleKeyUp(事件){

如果(event.which>=37&&event.which,因为您只将其连接到第一个元素。要选择所有元素,您需要
querySelectorAll
。然后您需要遍历它们。大致如下:

// The function we'll use for handling keyup
function handleKeyUp(event) {
    if (event.which >= 37 && event.which <= 40) return;

    this.value = this.value.replace(/\D/g, '')
      .replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

// Get the list of inputs
var list = document.querySelectorAll('input.number');

// Add the event listener to them:
Array.prototype.forEach.call(list, function(el) {
    el.addEventListener('keyup', handleKeyUp);
});
//我们将用于处理keyup的函数
函数handleKeyUp(事件){

如果(event.which>=37&&event.which使用
querySelectorAll
选择所有元素,然后对它们进行迭代并为所有元素添加事件侦听器。检查下面的代码段

var allEls=document.querySelectorAll('input.number');

对于(var i=0;i=37&&event.which使用
querySelectorAll
选择所有元素,然后迭代它们并为所有元素添加事件侦听器。请检查下面的代码段

var allEls=document.querySelectorAll('input.number');
对于(var i=0;i=37&&event.which