HTML5 Range Slider - Range slider value not changed using keyboard arrow key

A range slider is to allow the user to move the slider using keyboard arrow key up,down..etc and change the value of it somewhere on the page based on key press, changing the displayed value as the user moves the slider using keyboard key.

I think the expected behaviour in such a case is that the value should display while you change the slider using key, as the user is moving the slider using key rather than the page waiting for the slider to finish moving before the displayed value is updated.

I have tried jquery key press event and check key code using JavaScript unfortunately I didn't found the any solution.

I think the expected behaviour is to display the results instantly while you press the key and change the slider.

The behaviour of the input event compared to the change event is not exactly the same when applied to a range slider.

Only solution for this issues is to use onkeydown event using JavaScript and you need to pass this.value in some function so it will take updated value of reange slider.

 
 function updateSlider(slideAmount) {
    var display = document.getElementById("chosen-spacing");
        display.innerHTML = slideAmount;
    }