如何設置藍色邊框像jQuery的網站中間

Question

在這個頁面：​​

當你把「上」或「下」，

藍色邊框總是在的中間屏幕，

我該怎麼做？

我有熱鍵的lib：http://www.openjs.com/scripts/events/keyboard_shortcuts/

感謝

Answer 1

1. 趕上keyup事件，並檢查密鑰號碼。

2. 如果keycode爲40，則向第一個li元素添加一個類（帶有邊框樣式集）。

3. 在下一個keyup中，根據keycode的值從前面的li元素中移除該類並添加到下一個或前一個li中。如果鍵碼是40（向下箭頭），然後將類添加到下一個li元素。如果鍵碼是38（向上箭頭），然後將類添加到前面的li元素。

喜歡的東西

var currentFocusedElem = null; 
     $(function(){ 
      $(document).keyup(function(e){ 
       if (currentFocusedElem == null) 
       { 
        currentFocusedElem = $("#ul1 li:first-child"); 
       } 
       else 
       { 
        currentFocusedElem.removeClass("blueborder"); 

        if (e.keyCode === 40) 
        { 
         currentFocusedElem = currentFocusedElem.next("li"); 
        } 
        else if (e.keyCode === 38) 
        { 
         currentFocusedElem = currentFocusedElem.prev("li"); 
        } 
       } 

       currentFocusedElem.addClass ("blueborder"); 
      }); 
     }); 

另外，你必須檢查第一個元素和最後一個元素，並做相應的動作。