修改颜色时，HTML5 input type=color onChange 事件不会触发

Question

HTML5 input type=color 。 问题是当我附加 onchange 事件时，它仅在修改和保存颜色时触发，而不是在修改时触发。

我正在寻找一个在我实时更改颜色时触发的事件，而不是在我关闭颜色选择器并保存它时触发。

 const triggerme = (id) => { document.getElementById('result').innerHTML = document.getElementById(id).value; }

 <input type="color" id="clrPicker" onchange="triggerme(this.id)"> <p id="result"></p>

Answer 1

对于实时预览，请使用 oninput 事件。

你可以检查这个例子：