拖拽颜色面板时实时更新颜色值的实现方案咨询

• 问题出在事件选择上：onchange事件仅在用户完成颜色选择操作（比如关闭颜色面板、点击确认按钮）时触发，无法捕捉拖拽过程中的实时颜色变化。
• 改用input事件即可解决，该事件会在type="color"控件的值实时变动时触发，覆盖拖拽颜色滑块的整个过程。
• 修改后的代码：
  HTML部分：

  <input oninput="fillElements(event)" type="color" value="#3367d6">
  

  JS部分（建议给变量添加声明避免全局污染，核心逻辑无需改动）：

  function fillElements(ev) {
      const color = ev.target.value;
      console.log(color);
  }
  

• 额外提示：现代浏览器均支持input事件，若需兼容极老浏览器，可额外监听mousemove事件，但前者是更简洁可靠的标准方案。

内容的提问来源于stack exchange，提问作者sbkrish