Javascript 输入范围自动对焦

我有一个简单的范围滑块。如您所知，如果我想更改范围滑块的值，我可以单击范围滑块的任意位置，或者单击滑块拇指并拖动它

如果可以使用JS/jQuery，我只想通过mousemove更改范围滑块的值，而不需要实际单击和拖动

有点像自动对焦，这样我就不用长按就能拖动拇指了

$（“#myRange”）.mousedown（）

#myRange{
宽度：100%；
}

这个怎么样：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="range" min="1" max="100" value="50" id="myRange">

$('#myRange').mousemove(function(e){
  var positionOnSlider = 100 * (e.pageX - $('#myRange').offset().left)/$('#myRange').innerWidth()
  
  $('#myRange').val(positionOnSlider)
})

$（'#myRange'）.mousemove（函数（e）{
var PositionSlider=100*（e.pageX-$（'#myRange'）.offset（）.left）/$（'#myRange'）.innerWidth（）
$（'#myRange'）.val（位置滑块）
})

---

我不相信使用本机元素就可以做到这一点。你可以研究建立你自己的。你能帮我吗？有很多不同的方法，堆栈溢出真的不是一个教程网站。我建议你在谷歌上搜索“如何在HTML、CSS和JavaScript中创建自定义滑块”之类的东西。我想你把我弄丢了。我知道如何创建自定义滑块，或者您指的是没有输入标记的范围滑块是的，这是正确的。