-1

我想创建一个输入字段，您可以在其中单击/触摸，然后向上或向下移动以更改字段的值，直到您释放鼠标/手指。

这应该适用于最近的浏览器以及 Android 和 iPhone。

4

2 回答 2

2

这是一种快速简便的方法

<!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>
于 2012-07-23T00:40:36.637 回答
0

您可能想查看jQuery UI 的滑块以获得可靠的跨浏览器滑块。

于 2012-07-23T00:29:38.023 回答