的jQuery：如何捕獲一個文本框

Question

我想捕捉的TAB按鍵，取消默認的動作，並打電話給我自己的javascript函數內的TAB按鍵。

Answer 1

編輯：因爲你的元素動態插入，你必須使用delegated on()在你的榜樣，但你應該把它綁定到keydown事件，因爲@Marc評論，在IE瀏覽器的按鍵事件沒有按不捕獲非字符密鑰：

$("#parentOfTextbox").on('keydown', '#textbox', function(e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 9) { 
    e.preventDefault(); 
    // call custom function here 
    } 
}); 

檢查示例here。 jQuery的1.9

Answer 2

$('#textbox').live('keypress', function(e) { 
    if (e.keyCode === 9) { 
     e.preventDefault(); 
     // do work 
    } 
}); 

Answer 3

工作例如：

$('body').on('keydown', '#textbox', function(e) { 
    if (e.which == 9) { 
     e.preventDefault(); 
     // do your code 
    } 
}); 

Answer 4

上述所示的方法並沒有爲我工作，可我用有點老了jQuery的，然後最後如下圖所示的代碼片段工程 - 以防萬一發佈有人在我的同一位置

$('#textBox').live('keydown', function(e) { 
    if (e.keyCode == 9) { 
     e.preventDefault(); 
     alert('tab'); 
    } 
}); 

Answer 5

使用密鑰下來標籤是知道標籤總是試圖做一些事情已經，不要忘記在年底「返回false」的一個重要組成部分。

這是我做的。我有一個運行在.blur上的函數和一個交換表單焦點位置的函數。基本上，它將輸入添加到窗體的末尾，並在模糊運行時進行。

$(this).children('input[type=text]').blur(timeEntered).keydown(function (e) { 
     var code = e.keyCode || e.which; 
     if (code == "9") { 
      window.tabPressed = true; 
      // Here is the external function you want to call, let your external 
      // function handle all your custom code, then return false to 
      // prevent the tab button from doing whatever it would naturally do. 
      focusShift($(this)); 
      return false; 
     } else { 
      window.tabPressed = false; 
     } 
     // This is the code i want to execute, it might be different than yours 
     function focusShift(trigger) { 
      var focalPoint = false; 
      if (tabPressed == true) { 
       console.log($(trigger).parents("td").next("td")); 
       focalPoint = $(trigger).parents("td").next("td"); 

      } 
      if (focalPoint) { 
       $(focalPoint).trigger("click"); 
      } 
     } 
    }); 

Answer 6

試試這個：

$('#contra').focusout(function(){ 
    $('#btnPassword').focus(); 
}); 

Answer 7

假設你有文本框的ID爲txtName的

$("[id*=txtName]").on('keydown', function(e) { 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 9) { 
    e.preventDefault(); 
    alert('Tab Pressed'); 
} 
});