當 Ctrl 和 Enter被按下時，我有一個自動編號。我目前的問題是，當我在第三個文本框開始自動編號時，我的第二個文本框受到影響。如何保留文本框的其他值？它們前面的文本框不應更改它們的值。
謝謝你。
$(document).on('keyup', '.leg', function(e) {
let value = parseInt(e.target.value);
if ((e.ctrlKey || e.metaKey) && (e.keyCode == 17 || e.keyCode == 13)) {
//loop through all values...
$(".leg").each(function(i) {
if (i !== 0) {
$(this).val( value); //assign new value..
$(this).trigger("change") //call your change event to handle further...
}
})
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="leg">
<input type="text" class="leg">
<input type="text" class="leg">
<input type="text" class="leg">uj5u.com熱心網友回復：
您可以創建一個變數來跟蹤each回圈是否已經越過目標元素，然后僅在為真時才修改輸入的值。這將確保您只修改目標之后的輸入。
請參見runChange示例：
$(document).on('keyup', '.leg', function(e) {
let value = parseInt(e.target.value);
if ((e.ctrlKey || e.metaKey) && (e.keyCode == 17 || e.keyCode == 13)) {
//loop through all values...
let runChange = false;
$(".leg").each(function(i, el) {
if (runChange) {
$(this).val( value); //assign new value..
$(this).trigger("change") //call your change event to handle further...
}
if (e.target == el) runChange = true;
})
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="leg">
<input type="text" class="leg">
<input type="text" class="leg">
<input type="text" class="leg">uj5u.com熱心網友回復：
嘗試取消對0'th 輸入的檢查并每次更改所有輸入：
$(document).on('keyup', '.leg', function(e) {
let value = parseInt(e.target.value);
const inputIndex = $(this).index() - 1;
if ((e.ctrlKey || e.metaKey) && (e.keyCode == 17 || e.keyCode == 13)) {
//loop through all values...
$(".leg").each(function(i) {
if (i !== inputIndex) {
$(this).val( value); //assign new value..
$(this).trigger("change") //call your change event to handle further...
}
})
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="leg">
<input type="text" class="leg">
<input type="text" class="leg">
<input type="text" class="leg">轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/393479.html
標籤：javascript 查询