我在那里遇到问题,我一直在尝试记录事件键代码,并且得到了键号(9)
,并且我认为我的脚本没有禁用event.keyCode
不会禁用按键功能。我应该对脚本进行哪些更改,以便选项卡可以再次处于事件状态?
这是我的代码:
$(function() {
$('.number-format').on("keydown", function(event) {
console.log(event.keyCode);
if (event.shiftKey) {
event.preventDefault();
}
if (event.keyCode == 46 || event.keyCode == 8) {} else {
if (event.keyCode < 95) {
if (event.keyCode < 48 || event.keyCode > 57) {
event.preventDefault();
}
} else {
if (event.keyCode < 96 || event.keyCode > 105) {
event.preventDefault();
}
}
}
});
$('.number-format').on("keyup", function(event) {
var value = this.value.replace(/,/g, "");
this.dataset.currentValue = parseInt(value);
var caret = value.length - 1;
while ((caret - 3) > -1) {
caret -= 3;
value = value.split('');
value.splice(caret + 1, 0, ",");
value = value.join('');
}
this.value = value;
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="number-format">
最佳答案
您可以将第二个条件更改为 if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9)
因为选项卡的 keyCode 为 9进入 else block 并执行 event.preventDefault();
:
$(function() {
$('.number-format').on("keydown", function(event) {
console.log(event.keyCode);
if (event.shiftKey) {
event.preventDefault();
}
if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9) {} else {
//------------------------------------------------^^^^^^^^^^^^^^^^^^^^^
//add the tab keyCode in this if to skip it entirely so that it woks again
if (event.keyCode < 95) {
if (event.keyCode < 48 || event.keyCode > 57) {
event.preventDefault();
//--------^^^^^^^^^^^^^^^^^^^^^^ this is preventing your tab action
}
} else {
if (event.keyCode < 96 || event.keyCode > 105) {
event.preventDefault();
}
}
}
});
$('.number-format').on("keyup", function(event) {
var value = this.value.replace(/,/g, "");
this.dataset.currentValue = parseInt(value);
var caret = value.length - 1;
while ((caret - 3) > -1) {
caret -= 3;
value = value.split('');
value.splice(caret + 1, 0, ",");
value = value.join('');
}
this.value = value;
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="number-format">
关于javascript - 如何在 Jquery 上启用选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57087287/