jQuery:TAB 键的键位? [英] jQuery: keyup for TAB-key?

问题描述

所以，如果按下 Tab 键，我在让我的脚本运行时遇到了一些麻烦.经过一些快速的谷歌搜索后，Tab 的字符代码是 9.此外，在我们讨论的时候，有没有更好的方法来检查是否在不使用字符代码的情况下按下了某个键?我问是因为我在使用 charcode 时不断收到 firebug 的以下警告:

So, i'm having some trouble getting my script to run IF the Tab key is pressed. After some quick googling, the charcode for Tab is 9. Also, while we're talking, is there any better ways of checking if a key is pressed without using charcodes? I'm asking because i keep getting the following Warning by firebug when using charcode:

不应使用 keyup 事件的 'charCode' 属性.该值没有意义.

The 'charCode' property of a keyup event should not be used. The value is meaningless.

无论如何，它仍然有效，所以这不是问题.这是我使用的代码:

Anyway, it still works, so that's not the problem. This is the code i use:

$('/* my inputs */').keyup(function(e) {
   console.log('keyup called');
   var code = e.keyCode || e.which;
   if (code == '9') {
     console.log('Tab pressed');
   }
});

使用上面的代码，控制台是空白的，没有添加任何东西(使用 Firebug).当然，我尝试过实际做一些事情而不是记录文本，但没有执行任何操作.那么任何人都可以看到为什么这不起作用吗?有没有更好的方法来检查是否按下了某个键?

Using the above code the console is left blank, nothing is added (using Firebug). Of course i've tried actually doing stuff instead of logging text, but nothing executes. So can anyone see why this isn't working? Is there a better way of checking if a key is pressed?

提前致谢.

推荐答案

我的直觉是，当您按下 tab 键时，表单的输入在 keyup 发生之前失去焦点.尝试将绑定更改为正文，如下所示:

My hunch is that when you press the tab key, your form's input loses focus, before the keyup happens. Try changing the binding to the body, like this:

 $('body').keyup(function(e) {
    console.log('keyup called');
    var code = e.keyCode || e.which;
    if (code == '9') {
    alert('Tab pressed');
    }
 });

然后，如果这有效(它对我有用)尝试将绑定更改为 keyDown，然后返回 false.这样您就可以实现自己的自定义行为.

Then, if that works (it does for me) try changing the binding to keyDown, instead, and return false. That way you can implement your own custom behavior.

$('.yourSelector').keydown(function(e) {
   console.log('keyup called');
   var code = e.keyCode || e.which;
   if (code == '9') {
     alert('Tab pressed');

   return false;
   }

});

这两个应该可以工作...如果是正文，您可以在正文上附加一个 keydown 处理程序，然后如果是选项卡，则找到具有焦点的字段(我认为有函数 .hasFocus()?)，如果是你想要的那个，继续并返回false.否则，让浏览器做它的事情.

One of these two should work... if it's body, you could attach a keydown handler on body, then if it's tab, find the field with focus (I think there's function .hasFocus()?), and if it's the one you want, proceed and return false. Otherwise, let the browser do its thing.

如果您想使用制表符更新字段，请在回调中尝试:

If you wanted to update the field WITH a tab character, try this in your callback:

var theVal = $(this).val();
theVal = theVal + ' ';
$(this).val(theVal);

尚未测试，但应该可以.如果给您带来麻烦，您还可以附加 3 或 4 个空格而不是制表符.

Haven't tested it, but it should work. You could also append 3 or 4 spaces instead of the tab character, if it's giving you trouble.

这篇关于jQuery:TAB 键的键位?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！