HTML顏色輸入“oninput”事件在Windows上的Chrome上表現不同

Question

在firefox上，每次用戶切換顏色時，在打開OS顏色選擇器窗口時會觸發顏色類型輸入的oninput事件。

現在，在chrome上，它的工作方式與onchange事件完全相同，只有在顏色選擇器窗口按下ok后實際顏色發生變化時才會觸發。

有沒有辦法在chrome上獲得預期的行為？ 這是一個錯誤還是一個實現選擇？

此外，即使用戶沒有更改顏色但只打開顏色選擇器並按下確定，是否會觸發事件？ onclick不是理想的，因為如果用戶按下取消也會觸發。

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

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

編輯：看起來鉻和邊緣表現相同。

Answer 1

不幸的是，這是一個Windows限制。 ChooseColor函數負責該對話框，它僅在用戶關閉對話框時輸出顏色信息。

如果您希望用戶能夠實時更改顏色，請考慮使用像jscolor這樣的庫。