在发布时获取范围滑块值（仅 jQuery，无插件）

Question

我搜索了一些解决方案，但其中 none 解决了我遇到的问题。

我只想在释放范围滑块时调用另一个函数。到目前为止，我有一个简单的范围滑块，当它达到一定值时我会在上面进行检查，它应该显示警报，这是代码：

<input type="range" id="slider" value="0.5" min="0.0" max="1.0" step="0.01" />

$(document).on('input', '#slider', function() {
  $('#slider_value').html( $(this).val() );

  var ans = 0.50;

  if($(this).val() == 0.50){
  alert("ans");
  }


});

一达到0.50就显示警报，我想要它：用户滑动并释放并选择一个值，然后应显示警报，它是某种测验。

Answer 1

保留 input 事件以更新 UI 中的值，并添加一个新的 change 事件处理程序以在释放句柄时检查值：

$(document).on('change', '#slider', function() {
  if (parseFloat(this.value) == 0.5) {
    console.log("ans");
  }
});

$(document).on('input', '#slider', function() {
  $('#slider_value').html($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="range" id="slider" value="0.5" min="0.0" max="1.0" step="0.01" />

<div id="slider_value"></div>

在发布时获取范围滑块值（仅 jQuery，无插件）

Getting Range Slider value on Release (jQuery only, NO PLUGIN)

jquery

rangeslider