JavaScript顏色選擇器問題

Question

我正在用HTML5和JS構建一個簡單的繪畫應用程序。 我無法更改畫布背景的顏色。

我有一個稱為顏色選擇器的輸入框。 當值更改時，應調用getBgColor（）函數並更新畫布。 但是該功能甚至沒有被執行，我也不知道為什么！

輸入框：

 <input id = "bgcolor_select" type="text" value="Background Color" onclick="colorPicker(event)" onchange="getBgColor()"/>

值更改時，由輸入框調用的函數：

function getBgColor(){
    console.log("Bg Color: " + document.getElementById("bgcolor_select").value);
    context.fillStyle = document.getElementById("bgcolor_select").value;
    context.fillRect(0,0, canvas.width, canvas.height);
    }

當我運行我的應用程序時，我可以在選擇顏色時看到字段中的值發生變化，但是由於某種原因它沒有調用該函數。 如果我在值中添加一個字符並將其刪除，則它將調用該函數。

任何幫助！

Answer 1

設置input.value = ... ，不會觸發change事件。 僅當用戶通過實際文本框更改值時，才會發生這種情況。 您可以自己手動觸發它，但是在這種情況下，您可以只調用getBgColor() 。