如何在文本框中按Tab键后触发事件

时间:2013-02-15 07:04:12

标签: tabs jquery

当我点击文本框中的Tab键时,我想触发一个显示警告消息的事件。

<input type="text" />

$("input").blur(function (e) {
   if (e.which == 9)
       alert("Hurray!!!");
});

我想要发生的是,每当我在文本框中键入内容然后点击Tab它就会做一些事情。

我正在使用jquery1.7.2.min.js

我真的不知道我是否做得对。

对于演示http://jsfiddle.net/QfCpC/

7 个答案:

答案 0 :(得分:13)

$("input").keydown(function (e) {

   if (e.which == 9)
       alert("Hurray!!!");
});

<强> Fiddle Demo

答案 1 :(得分:2)

这会有帮助吗

$("input").live("keydown" , function (e) {
if (e.which == 9)
   alert("Hurray!!!");
});

http://jsfiddle.net/QfCpC/3/

答案 2 :(得分:2)

<input type="text" />

$("input").keydown(function (e) {
   if (e.which == 9)
        $('#someButton).trigger('click');//or you can directly call the handler also
});

答案 3 :(得分:2)

$(document).ready(function() {

    $("input").bind("keydown",function (e) {

   if (e.which == 9)        
       alert("Hurray!!!");
});
});

这里演示..

http://jsfiddle.net/QfCpC/

答案 4 :(得分:1)

为了正确设置e.which参数,我认为必须从keydown事件中调用它。

请看这里的小提琴。 http://jsfiddle.net/QfCpC/2/

答案 5 :(得分:1)

尝试: http://jsfiddle.net/cEzLL/

$("input").keydown(function (e) {
   if (e.keyCode === 9)
       alert("Hurray!!!");
});

答案 6 :(得分:1)

原因是当你点击'tab'时会发生两个动作

  1. 标签按钮的键盘
  2. 输入类型字段的模糊操作
  3. 现在根据您的代码添加eventlistner以模糊事件...而模糊事件没有为您提供键绑定的属性。

    所以为了做到这一点,你需要绑定“keydown”。

    $("input").keydown(function (e) {
      if (e.which == 9)
           alert("YEYYYYYYY!!!");
    });