키를 누를 때 슬라이더 핸들을 선택하십시오 - jqueryUI

Question

페이지에 단일 슬라이더가 있습니다. 키보드를 사용하여 핸들을 왼쪽이나 오른쪽으로 자주 움직입니다. 그러나 핸들을 선택하지 않으면 키를 누를 때 핸들이 움직이지 않습니다. 핸들에 대한 클릭 시뮬레이션을 시도했지만 선택하지 않는 것 같습니다.

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

키보드를 사용하지 않고 키보드를 사용하여 핸들을 왼쪽과 오른쪽으로 어떻게 이동합니까?

Answer 1

적절한 키를 누를 때 keyup 및 keydown 이벤트를 핸들에 전달하십시오. 핸들이 아직 선택되지 않은 경우에만이 작업을 수행해야합니다.

• 37

  $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); 
      } 
  }); 
  

  왼쪽 키
• 39 오른쪽 키

이다