檢測

Question

我在幾個div的HTML表單蔓延。我需要在用戶按下時，他們每個格中的第一個或最後一個元素上的Tab鍵就知道（這樣我就可以應用某些自定義選項卡功能）。對於div中的第一個元素，我正在尋找Tab + Shift;我只查找Tab的最後一個元素。元素可以是文本框，textareas，單選按鈕，選擇列表或複選框。

什麼是檢測第一和最後一個元素的最有效方法是什麼？很高興使用jQuery解決方案。

謝謝。

Answer 1

只要輸入真正的DIV的第一和最後一個孩子，下面將工作。否則，你需要對選擇有點棘手。

編輯：我對孩子爲了斷言似乎是不正確的。這應該適用於大多數情況。 末編輯

如果你希望它是具體到某些類型的輸入，或者被認爲是輸入，但並不是真正的input元素的東西，選擇將需要一些小的調整。

演示

http://jsfiddle.net/JAAulde/tHkdz/

代碼

$('#myform') 
    .find('div input:first-child, div input:last-child') 
    .bind('keydown', function(e) 
    { 
     if(e.which === 9) 
     { 
      //custom code here 
      e.preventDefault(); 
     } 
    }); 

Answer 2

你可以使用第一和最後一個子選擇：

var first = $("#form-name:first-child"); 
var last = $("#form-name:last-child"); 

Answer 3

您可以使用:first-child和:last-child選擇找到表單元素。然後，就可以把​​事件處理程序，並分別檢查SHIFT + TAB和TAB。

$('div input:first-child').keydown(function(event) { 
    if (event.which == 9 && event.shiftKey) { // Tab is keycode 9 
     // Do custom tab handling 
    } 
}); 

$('div input:last-child').keydown(function(event) { 
    if (event.which == 9) { 
     // Do custom tab handling 
    } 
}); 

Answer 4

聽起來像是你想擁有第一和最後一個元素上的卡包。

• 獲取第一：$('#form').find('input, textarea, select').first();
• 獲得最後：$('#form').find('input, textarea, select').first();
• 綁定的keydown的元素：.keydown()
  • 利用這個來確定哪個鍵被按下：jQuery Event Keypress: Which key was pressed?
  • 然後重點元素你想要的：.focus()

編輯：選擇邏輯是錯誤的

如：http://jsfiddle.net/rkw79/fuXyf/