CSS Variables Problem

[baixiaoji]

问题

function setHanld(){
      const suffix = this.dataset.sizing || '';
      // console.log(suffix);
     ....
    }
    inputs.forEach(input => input.addEventListener("mousemove",setHanld)); 

当鼠标只要经过input就会执行setHanld,性能上会不会有点问题

[soyaine]

这是为了在拖动滑块时，能实时显示效果。否则需要等到松开鼠标后才能触发改变。

[baixiaoji]

是的，我的意思「鼠标不要拖着滑动，在input上的区域滑动就会触发这个效果，是否对性能有影响」

[JQ1008]

@soyaine
inputs.forEach( input => input.addEventListener('change', handleUpdate));
inputs.forEach( input => input.addEventListener('mousemove', handleUpdate));
添加change和mousemove的这两个事件监听，是否可以直接用一个input的事件代替
inputs.forEach( input => input.addEventListener('input', handleUpdate));