如何使用javascript将输入集中在范围滑块上？

我有输入，用户可以把值直接放在它或选择它与范围滑块。我想要的是，当用户选择范围滑块时，它会在控制输入的同时聚焦

所以我有这些输入：

<label class="va1">Option a price 1:<input id="a1" type="number"/></label>
<input type="range" id="slider-a1" min="0" max="100" step="1" value="0"><br>

---

是否有办法使输入焦点/非焦点在范围滑块的使用上？

不可以，因为这样只会将光标移到输入字段中，滑块将失去焦点，也就是说，焦点不能同时聚焦在两个项目上：

示例：

var opt_1=document.getElementById（“slider-a1”）；
opt_1.oninput=函数（）{
document.getElementById（“a1”）.value=opt_1.value；
document.getElementById（“a1”）.focus（）；
}

.active{
边框颜色：红色；
边框样式：插图；
边框宽度：1px；}

选项a价格1：

实际上，出于计算的原因，我想把它们都集中在一起。但如果你说这是不可能的，那没关系。无论如何，谢谢您的回答。@mscmdaddcts请用您试图实现的完整示例更新您的问题。也许你可以在滑块上的鼠标向上/释放事件之后触发对输入的关注。我现在在手机上，但可以在回家后使用。但关注自身不能同时关注两个要素。你需要改变逻辑谢谢你的回答。是的，我认为这可能是一个解决方案，因为我的目标是当范围滑块聚焦/非聚焦时，输入上的聚焦/非聚焦动作应该触发，而不是输入。我不知道是否清楚。我之前问过一个问题，我把它删掉了。下面是这个问题的链接，更详细：@mscmdaddcts我已经用鼠标编辑了我的答案。非常感谢@ikiK，它帮了我很多忙！

var opt_1 = document.getElementById("slider-a1");
opt_1.oninput = function() {
  document.getElementById("a1").value = opt_1.value;}