2013-02-15 146 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/

相關問題