按下键时选择滑块句柄 - jqueryUI

【问题标题】：Select slider handle when keys are pressed - jqueryUI按下键时选择滑块句柄 - jqueryUI
【发布时间】：2013-10-04 05:38:06
【问题描述】：

我的页面上有一个滑块，我经常使用键盘左右移动手柄。但是，如果没有选择手柄，则按下按键时它不会滑动。我试过模拟点击手柄，但似乎没有选择它。

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

如何使用键盘左右移动手柄而无需先选择它？

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

当按下相应的键时，将keyup 和keydown 事件传递给句柄。仅当尚未选择句柄时才应这样做。

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

37 是左键
39 是正确的键

【讨论】：