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

Question

I want to find real time if the range slider is moved left or right using jquery. Thanks following is my current implementation.

$("#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;
});

But i was asking if there is any event.

After your edit, your current implementation is fine.

CodingIntrigue
– CodingIntrigue

2015-08-06 08:18:11 +00:00
Commented Aug 6, 2015 at 8:18 — CodingIntrigue
– CodingIntrigue, Commented Aug 6, 2015 at 8:18

CodingIntrigue · Accepted Answer · 2015-08-06 07:19:38Z

6

Using the input event alongside storing the previous value for comparison should do what you need:

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>

answered Aug 6, 2015 at 7:19

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related