Javascript 在我的代码中,mousemove属性不起作用,正在更改输入类型范围。你能解释为什么吗? 间距: const inputs=document.queryselectoral'.controls input'; 函数句柄更新{ console.logthis.value; } inputs.forEachinput=>input.addEventListener'change',handleUpdate; inputs.forEachinput=>input.addEventListener'mousemove',handleUpdate;

Javascript 在我的代码中,mousemove属性不起作用,正在更改输入类型范围。你能解释为什么吗? 间距: const inputs=document.queryselectoral'.controls input'; 函数句柄更新{ console.logthis.value; } inputs.forEachinput=>input.addEventListener'change',handleUpdate; inputs.forEachinput=>input.addEventListener'mousemove',handleUpdate;,javascript,html,css,Javascript,Html,Css,valueAsNumber这是关键 <div class="controls"> <label for="spacing">Spacing:</label> <input type="range" id="someid" min="10" max="200" name="spacing" data

valueAsNumber这是关键

  <div class="controls">
    <label for="spacing">Spacing:</label>
    <input type="range" id="someid" min="10" max="200" name="spacing" data-sizing="px" value="10">
  </div>
  
  <script>
    const inputs = document.querySelectorAll('.controls input');
  
 
    inputs.forEach(input => input.addEventListener('change', function (e) {
        console.log(e.screenX); 
        e.target.valueAsNumber=e.screenX; 
    }));
    inputs.forEach(input => input.addEventListener('mousemove', function (e)
    {
        console.log(e.screenX); 
        e.target.valueAsNumber=e.screenX; 
    }));
  </script>
  

请编辑您的问题,以包含任何错误和所需的输出。您应该尝试更好地解释您的用例,并设置问题的格式以使其可读