我正在嘗試制作一個網頁，允許用戶通過顏色輸入選擇顏色，并且該頁面應將他們的選擇存儲在 localStorage 中。理想情況下，用戶下次打開頁面時仍然應該能夠查看他們制作的調色板。我的問題是顏色輸入的值不會隨我的 javascript 代碼更新。我嘗試編寫window.onload，甚至在標簽中插入“onload()”。他們都沒有工作。輸入仍然顯示相同的默認顏色值，即純黑色。我確實需要一些幫助來解決這個問題。非常感謝~這是我的 HTML 代碼：<body onload="getColor()"> <div class="container"> <div id="mySidebar" class="sidebar"> <label class="noteLabel">C</label> <input type="color" id="color0" name="color" onchange="handleChange(this.value, this.id)" /> <label class="noteLabel">F#</label> <input type="color" id="color6" name="color" onchange="handleChange(this.value, this.id)" /><br /> <label class="noteLabel">C#</label> <input type="color" id="color1" name="color" onchange="handleChange(this.value, this.id)" /> <label class="noteLabel">G</label> <input type="color" id="color7" name="color" onchange="handleChange(this.value, this.id)" /><br /> <label class="noteLabel">D</label> <input type="color" id="color2" name="color" onchange="handleChange(this.value, this.id)" /> <label class="noteLabel">G#</label> <input type="color" id="color8" name="color" onchange="handleChange(this.value, this.id)" /><br /> <label class="noteLabel">D#</label> <input type="color" id="color3" name="color" onchange="handleChange(this.value, this.id)" /> <label class="noteLabel">A</label> <input type="color" id="color9" name="color" onchange="handleChange(this.value, this.id)" /><br /> <label class="noteLabel">E</label>
2 回答
慕村9548890
TA貢獻1884條經驗 獲得超4個贊
我剛剛發現我的代碼出了什么問題。事實證明，rgbToHex()我定義的函數無法正常工作，因此收到的值輸入元素的格式不正確。直到現在我才注意到這一點，因為控制臺只提到這個問題作為警告。
拉丁的傳說
TA貢獻1789條經驗 獲得超8個贊
請使用value代替defaultValue. 看下面的代碼：
document.getElementById("color11").value = "#ff0000";<input type="color" id="color11" name="color" onchange="handleChange(this.value, this.id)" />
- 2 回答
- 0 關注
- 178 瀏覽
添加回答
舉報
0/150
提交
取消