Home/ Questions/Q 8260485
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T03:06:37+00:00

I would like to create an input field where you can click/touch into and

  • 0

I would like to create an input field where you can click/touch into and then move up or down to change the value of the field until you release the mouse/finger.

This should work in recent browsers and on Android and iPhones.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    here is a quick and easy way to do it

    <!doctype html>
<html>
  <head>
    <script type='text/javascript'>
      var startY;
      function loadJs(){
        document.getElementById("upDownInput").onmousedown = startMoveUpDown;
      }      

      function startMoveUpDown(e){
        startY = e.clientY;
        document.onmousemove = moveUpDown;
        document.onmouseup = endMoveUpDown;
      }

      function moveUpDown(e){
        var input = document.getElementById("upDownInput");
        var moveChange = Math.ceil(e.clientY - startY);        
        input.value = moveChange;
      }

      function endMoveUpDown(){
        document.onmousemove = null;
      }
    </script>
  </head>

  <body onload='loadJs()'>
    <input style='margin-top: 200px' value='0' type='number' id='upDownInput'/>
  </body>
</html>
    • 0