如何使用 jquery 找到 HTML5 范围输入的方向

Question

如果使用 jquery 向左或向右移动范围滑块，我想找到实时。感谢以下是我目前的实现。

$("#zoom-slider").on("input", function(e) {
var curr_val = $("#zoom-slider").val();
if( curr_val > zoom_slider )
{
   console.log( " +ive : right" );
}else
{
   console.log( " -ive : left" );
}
zoom_slider = curr_val;
});

但我问是否有任何事件。

Answer 1

使用该input事件并存储先前的值进行比较应该可以满足您的需求：

var oldVal;
$("input").on("input", function() {
    var newVal = $(this).val();
    if(newVal > oldVal) {
        $("div").text("right");
    }
    else if(newVal < oldVal) {
        $("div").text("left");
    }
    oldVal = newVal;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range">
<div></div>