Javascript 键控功能无法与Tab键(jQuery)一起使用
我对jQuery中的Tab键有问题。Tab键的功能keyup在任何情况下都不起作用。不管我在函数中写了什么,它都不起作用,只关注下一个文本框 我试过这个:Javascript 键控功能无法与Tab键(jQuery)一起使用,javascript,jquery,html,tabs,keyup,Javascript,Jquery,Html,Tabs,Keyup,我对jQuery中的Tab键有问题。Tab键的功能keyup在任何情况下都不起作用。不管我在函数中写了什么,它都不起作用,只关注下一个文本框 我试过这个: $('#sn_c3_scan').keyup(function(event) { if (event.key == "Tab") { alert('haha'); } }); 还有: $('#sn_c3_scan').keyup(function(event) { if (e
$('#sn_c3_scan').keyup(function(event) {
if (event.key == "Tab") {
alert('haha');
}
});
还有:
$('#sn_c3_scan').keyup(function(event) {
if (event.keyCode == "9") {
alert('haha');
}
});
顺便说一下,keydown事件仍然有效。但是由于键控不起作用,我写的任何关于将焦点更改为另一个控件的内容在释放键时都会被浪费,因为它会自动将焦点更改为下一个控件,这是我不想要的
有人知道吗
顺便说一下,这是我的文本框HTML:
<div class="row c3">
<div class="col-md-3">
<b>Serial (S/N):</b>
</div>
<div class="col-md-9">
<input type="text" id = "sn_c3_scan" class="form-control" autofocus>
</div>
</div>
<div class="row c3">
<div class="col-md-3">
<b>AAAA:</b>
</div>
<div class="col-md-9">
<input type="text" id = "sn_c3_scan2" class="form-control">
</div>
</div>
在tab keydown上,焦点切换到下一个元素,因此keyup不会在输入字段上触发。相反,您可以记住“tab”事件的keydown,并在“document”上的keydup上执行代码 jsbin链接: 作用{ var-tabPress=false; $'sn\u c3\u scan'.keydownfunctionevent{ 如果event.keyCode==9{ tabPress=true; } }; $document.on'keyup',函数{ 伊夫塔布斯{ 提醒“你好”; tabPress=false;//重置 } }
};我们可以看到您的HTML的可能副本。我无法复制这个问题。谢谢。我不知道为什么,但还是不起作用。似乎“键控键”上的任何东西在Tab键上都不起作用“按键”功能正常。“keyup”仍然适用于除Tab以外的所有其他键。这太奇怪了。不过jsbinlink确实有效。噢我的怎么了?T_TKeyup发生在下一个输入字段/元素上,因为focus已将keydown切换到下一个元素。是的,但当我在项目中使用jssbinlink中的代码时,它不起作用。我不知道为什么。哈伊兹。。。但它实际上在你发给我的链接中起作用。也许我的项目有问题。jsbin链接也不总是有效。我只是再试了一次&它只是在Tab键上切换到下一个控件。真奇怪,伙计。