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

时间:2015-08-06 07:14:36

标签: javascript jquery html5

如果使用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;
});

但我在问是否有任何事件。

1 个答案:

答案 0 :(得分:4)

使用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;
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range">
<div></div>
&#13;
&#13;
&#13;