タッチデバイスでinput type="range"を使った場合、スライダーのバー部分をタップしてもなんの反応もありません。これをタップした位置へツマミを移動したり値を取得したりと、OSネイティブのスライダーのように挙動を改善してくれるMITライセンスのJSライブラリを紹介します。 デモページ(要タッチデバイス):https://rangetouch.com/ リポジトリ:RangeTouch - GitHub 使い方 npmなら npm i rangetouch -D CDNから読み込むなら <script src="https://cdn.rangetouch.com/2.0.0/rangetouch.js"></script> です。 input(type="range")要素が1つなら、次のようにCSSセレクタまたは要素で指定します。(npmの人はimport RangeTouch
![タッチデバイスの「input type=”range”」の挙動を改善してくれるJavaScript「Rangetouch」 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/650a186fbb2e39f0d68b764c07d77d7044f8591d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F08%2Fjavascript-rangetouch-hero.png)