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 | onchange Event Attribute
- HTML | DOM onchange Event
- Trigger a keypress/keydown/keyup event in JS/jQuery
- How to prevent dragging of ghost image ?
- while and do while Loop in Scala
- Which will be faster while(1) or while(2)?
- Targeting only Firefox with CSS
- How to disable paste protection in Mozilla Firefox Developer Console?
- Why doesn't Firefox support the MP3 file format before 2013?
- How to fix SSL_ERROR_RX_RECORD_TOO_LONG on Mozilla Firefox ?
- How to validate input field while focusout ?
- How to change Input characters to Upper Case while typing using CSS/jQuery ?
- jQuery | trigger() Method
- Difference between Trigger and Procedure in DBMS
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.