如何在不单击弹出窗口外部的情况下从颜色选择器中获取选定的颜色

Question

大家好，我正在使用 HTML input type="color" 来显示颜色选择器。我想从颜色选择器中获取选定的颜色，而无需单击弹出窗口外部。

例如

<input type="color" onchange="alert(this.value)">

现在，仅当我单击选择器外部时，我才能获取所选颜色

但我想在从选择器内部单击颜色时获取颜色（而不单击弹出窗口外部）

谢谢，提前...

Answer 1

您可以使用oninput事件处理程序而不是onchange.

<input type="color" oninput="alert(this.value)">