javascript - HTML 颜色输入 "oninput"事件在 Windows 上的 Chrome 上表现不同

Question

在 Firefox 上，每次用户切换颜色时，当操作系统颜色选择器窗口打开时，颜色类型输入的 oninput 事件被触发。

现在，在 chrome 上，它与 onchange 事件完全一样，只有在颜色选择器窗口上按下 ok 后实际颜色发生变化时才会触发。

有没有办法在 chrome 上获得预期的行为？这是错误还是实现选择？

此外，是否存在即使用户不更改颜色而仅打开颜色选择器并按下确定也会触发的事件？ onclick 并不理想，因为如果用户按下取消，它也会触发。

const colorInput = document.getElementById('color');
color.oninput = evt => {
  console.log('oninput');
}

<input id="color" type="color">

编辑:chrome 和 edge 的行为似乎相同。

Answer 1

不幸的是，这是 Windows 的限制。 ChooseColor函数负责该对话框，它仅在用户关闭对话框时输出颜色信息。

如果您希望用户能够实时更改颜色，请考虑使用类似 jscolor 的库.