我發現這個函式可以讓我做我想做的事，但是因為我有很多輸入，我不想在所有輸入上都使用這個 JS，我只想在幾個輸入上呼叫它。我可以通過ID或其他方式做到這一點嗎？
（我知道這句話不是最好的，但我很著急，抱歉）
var pastValue, pastSelectionStart, pastSelectionEnd;
$("input").on("keydown", function() {
pastValue = this.value;
pastSelectionStart = this.selectionStart;
pastSelectionEnd = this.selectionEnd;
}).on("input propertychange", function() {
var regex = /^(100|(\d|[1-9]\d)(\.\d{0,2})?)$/;
if (this.value.length > 0 && !regex.test(this.value)) {
this.value = pastValue;
this.selectionStart = pastSelectionStart;
this.selectionEnd = pastSelectionEnd;
}
});
uj5u.com熱心網友回復：
我將發布一個 jQuery 替代方案 - 因為您已經在問題代碼中發布了 jQuery。
您只需將輸入元素的 CSS 選擇器與特定元素 ID 的 CSS 選擇器交換，如下所示：
var pastValue, pastSelectionStart, pastSelectionEnd;
$("#myID1, #myID2, #myID3").on("keydown", function() {
pastValue = this.value;
pastSelectionStart = this.selectionStart;
pastSelectionEnd = this.selectionEnd;
}).on("input propertychange", function() {
var regex = /^(100|(\d|[1-9]\d)(\.\d{0,2})?)$/;
if (this.value.length > 0 && !regex.test(this.value)) {
this.value = pastValue;
this.selectionStart = pastSelectionStart;
this.selectionEnd = pastSelectionEnd;
}
});
uj5u.com熱心網友回復：
實際上，在您想要訪問的每個輸入上設定類會有所幫助，然后使用 getElementsByClassName 訪問它們，然后您會將事件偵聽器添加到所有需要的輸入中。
const myInputs = document.getElementsByClassName("myInputs");
// consider myInputs as the class I gave to wanted inputs
myInputs.forEach(input=>{
input.addEventListener('click', functionHandler);
// functionHandler is the function where you will put your logic
})
希望這會有所幫助
uj5u.com熱心網友回復：
為所有輸入提供 .inputTest 類
var inputs = $(".inputTest");
for (var obj of inputs) {
var pastValue, pastSelectionStart, pastSelectionEnd;
obj
.on("keydown", function () {
pastValue = this.value;
pastSelectionStart = this.selectionStart;
pastSelectionEnd = this.selectionEnd;
})
.on("input propertychange", function () {
var regex = /^(100|(\d|[1-9]\d)(\.\d{0,2})?)$/;
if (this.value.length > 0 && !regex.test(this.value)) {
this.value = pastValue;
this.selectionStart = pastSelectionStart;
this.selectionEnd = pastSelectionEnd;
}
});
}轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/447553.html
標籤：javascript html 网