Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过单击并拖动更新HTML输入字段的值（类似于unity3d界面）_Javascript_Jquery_Html_Slider_Range - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 通过单击并拖动更新HTML输入字段的值（类似于unity3d界面）

Javascript 通过单击并拖动更新HTML输入字段的值（类似于unity3d界面）

javascript jquery html

Javascript 通过单击并拖动更新HTML输入字段的值（类似于unity3d界面）,javascript,jquery,html,slider,range,Javascript,Jquery,Html,Slider,Range,Unity有一个超级酷的范围滑块，我在复制web的功能时遇到了麻烦 使用unity，您可以单击字母X并向左拖动，输入字段将显示一个递减的数字 如果单击字母X并向右拖动，输入字段将显示一个递增的数字 但是X没有滑块，不管输入字段中的值是多少，它总是在同一个位置。一种方法是设置一个函数，在包含“X”的元素上单击鼠标以获得起始位置。然后将一个函数绑定到mousemove，该函数计算X轴上当前位置和起始位置之间的差值，以确定要放置在输入字段中的值 概念证明： 代码中包含注释以解释发生的过程 更多信息：

Unity有一个超级酷的范围滑块，我在复制web的功能时遇到了麻烦

使用unity，您可以单击字母X并向左拖动，输入字段将显示一个递减的数字

如果单击字母X并向右拖动，输入字段将显示一个递增的数字

但是X没有滑块，不管输入字段中的值是多少，它总是在同一个位置。

一种方法是设置一个函数，在包含“X”的元素上单击鼠标以获得起始位置。然后将一个函数绑定到mousemove，该函数计算X轴上当前位置和起始位置之间的差值，以确定要放置在输入字段中的值

概念证明：

代码中包含注释以解释发生的过程

更多信息：