按下鍵時選擇滑塊手柄 - jqueryUI

Question

我的頁面上有一個滑塊，我經常使用鍵盤左右移動手柄。但是，如果手柄未被選中，按下按鍵時不會滑動。我試過模擬點擊手柄，但似乎沒有選擇它。

$handle = $slider.find('.ui-slider-handle'); 
$handle.click(); 

如何使用我的鍵盤左右移動手柄而不必先選擇它？

Answer 1

當按下適當的按鍵時，將keyup和​​事件傳遞給句柄。只有在手柄尚未被選中時才應該這樣做。

$handle = $slider.find('.ui-slider-handle') 
$(document).on('keyup keydown', function(e) { 
    if ($handle.hasClass('ui-state-focus')) return; 

    if (e.which === 37 || e.which === 39) { 
    e.target = $handle.get(0); 
    $handle.triggerHandler(e); 
    } 
}); 

• 是左鍵
• 是正確的密鑰