It is a frequent UI design for a range slider to showcase the immediate change in the depicted value as the user moves the slider. This is not the case for the above-mentioned browser (chrome included).
Although, one could argue that Firefox showcases the correct behavior because the onchange event executes only when the control loses focus (be it mouse drag or keyboard). But in order to display the changing value along with the moving slider, one needs to apply the oninput event attribute.
Oninput: Much like the onchange event, this attribute works when it receives user input value. The main difference being its immediate execution when the value of element changes.
<element oninput = "script">
Program to illustrate Solution:
- HTML | DOM onchange Event
- HTML | onchange Event Attribute
- Targeting only Firefox with CSS
- jQuery | trigger() Method
- How to disable paste protection in Mozilla Firefox Developer Console?
- HTML | DOM onshow Event
- HTML | DOM ontoggle Event
- preventDefault() Event Method
- HTML | DOM onstalled Event
- HTML | DOM onpageshow Event
- HTML | DOM Storage Event
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.