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

How can i find the direction of HTML5 range input using jquery

本文关键字：jquery 方向 输入 范围 何找 HTML5      更新时间：2023-09-26

我想找到实时如果范围滑块向左或向右移动使用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;
});

但我问的是是否有任何事件

使用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>

相关文章：