2013-02-15 136 views
4

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

<input type="text" /> 

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

我希望发生的是,每当我一个文本框里面输入然后打Tab它会做什么。

进出口使用jquery1.7.2.min.js

我真的不知道,如果Im做是正确的。

在演示中,http://jsfiddle.net/QfCpC/

回答

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

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

Fiddle Demo

+0

其不工作... – Neel 2013-02-15 07:09:41

+1

我有一些,而不是使用e.which window.event.keyCode案例。这取决于浏览器。 – Syddraf 2013-02-15 07:10:44

1

为了要正确设置参数e.which,我相信它必须从一keydown事件调用的。

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

1

的原因是当u打 '标签' 两个动作发生

  1. KEYUP的标签按钮
  2. 输入类型字段
  3. 模糊动作

现在根据你的代码要添加eventlistner模糊事件......和模糊事件没有给予你密钥绑定属性。

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

$("input").keydown(function (e) { 
    if (e.which == 9) 
     alert("YEYYYYYYY!!!"); 
}); 
1
<input type="text" /> 

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

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

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

演示这里..

http://jsfiddle.net/QfCpC/

相关问题