jQuery的重點第一個窗體元素的最後一個標籤

Question

我想讓光標跳轉到專注於窗體的第一個元素。出於某種原因，它不斷關注第二個元素，而不是第一個元素。我只做了一個簡單的表單。

<form> 
    <input type="text"> 
    <input type="text"> 
    <input type="text"> 
    <input type="submit" value="Submit"> 
</form> 

$('form').children().keydown(function(e) { 
if (e.keyCode == 9 || e.which == 9) { 
     if ($(this).is(':last-child')) { 
     $(this).parent().children().first().focus(); 
     } 
} 
}) 

Answer 1

問題

Fiddle

控制檯中看到日誌

當您按下最後一個元素，它 focus第一元素選項卡，然後進行 tab操作，以便它進入第二個元素

。

---

解決方案

使用event.preventdefault()或return false停止選項卡操作。

Working Demo或Working Demo

if ($(this).is(':last-child')) { 
      $(this).parent().children().first().focus(); 
      e.preventDefault(); // or return false; 
}