相对于鼠标按下位置移动滑块输入范围缩略图

时间:2017-08-14 14:06:10

标签: javascript html html5 user-interface dom

如何移动HTML 5输入范围拇指而不必拖动它,而是在任意位置拖动滑块本身。就像在选择Response:relative。

时使用TouchOSC一样

我在谈论最简单的输入范围滑块:

<html>
    <head>
        <title>Data Jam!</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>jamming</h1>
        <input type="range">
    </body>
</html>

所以,不要移动拇指点击它。 一个人可以click and drag anywhere in the slider

通常,通过单击滑块中的任意位置,拇指会跳到该位置。也许这是一个相当容易防止的东西,但是必须直接点击拇指,有时,特别是在使用触摸屏时,例如在手机中,可能不是那么符合人体工程学。 通过单击滑块中的任意位置来移动拇指可以确保值将平滑变化,并且ui将符合人体工程学。

我希望这是可能的,而不必夸大代码。

0 个答案:

没有答案