Javascript jquery滑块根据使用的控制外围设备更改步长值

代码，这样你就可以看到我的工作

$("#slider-markup").slider({
    orientation: "horizontal",
    range: "min",
    min: 0,
    max: 500,
    value: 0,
    step: 0.01,
    slide: function (event, ui) {
        $("#markupRate").text(ui.value);
        calcNow();
    }
});

好的，我知道如何步进增量，正如你们在这里看到的，这是一个非常好的步骤，我正在使用，但由于范围很广，很难得到正确的值

我还知道，滑块可以与鼠标一起使用，一旦激活，就可以使用键盘箭头移动到下一步

我希望能够做的是将鼠标步骤设置为1。然后使用键盘步进0.01

这有可能吗？已经做到了吗？我一直在四处寻找这种滑块功能，但结果却是空的。

快速回答：

$(function() {
  $("#slider-markup").slider({
    orientation: "horizontal",
    range: "min",
    min: 0,
    max: 500,
    value: 0,
    step: 0.01,
    slide: function(event, ui) {
      $("#markupRate").text(ui.value);
    }
  });
  $("#slider-markup .ui-slider-handle").mousedown(function() {
    $("#slider-markup").slider("option", "step", 1.0);
  }).mouseup(function() {
    $("#slider-markup").slider("option", "step", 0.1);
  });
});

工作示例：

您可以通过对特定事件进行回调来调整

步骤

选项