Javascript 逗号仅适用于多个字段的第一个输入字段
我尝试在您键入数字时在每个文本输入中动态插入逗号。然而,它只适用于第一次输入,我不知道为什么 这是我的密码: HTMLJavascript 逗号仅适用于多个字段的第一个输入字段,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
<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