我正在嘗試制作一個(gè)網(wǎng)頁(yè)，允許用戶通過(guò)顏色輸入選擇顏色，并且該頁(yè)面應(yīng)將他們的選擇存儲(chǔ)在 localStorage 中。理想情況下，用戶下次打開(kāi)頁(yè)面時(shí)仍然應(yīng)該能夠查看他們制作的調(diào)色板。我的問(wèn)題是顏色輸入的值不會(huì)隨我的 javascript 代碼更新。我嘗試編寫(xiě)window.onload，甚至在標(biāo)簽中插入“onload()”。他們都沒(méi)有工作。輸入仍然顯示相同的默認(rèn)顏色值，即純黑色。我確實(shí)需要一些幫助來(lái)解決這個(gè)問(wèn)題。非常感謝~這是我的 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貢獻(xiàn)1884條經(jīng)驗(yàn) 獲得超4個(gè)贊
我剛剛發(fā)現(xiàn)我的代碼出了什么問(wèn)題。事實(shí)證明，rgbToHex()我定義的函數(shù)無(wú)法正常工作，因此收到的值輸入元素的格式不正確。直到現(xiàn)在我才注意到這一點(diǎn)，因?yàn)榭刂婆_(tái)只提到這個(gè)問(wèn)題作為警告。
拉丁的傳說(shuō)
TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超8個(gè)贊
請(qǐng)使用value代替defaultValue. 看下面的代碼：
document.getElementById("color11").value = "#ff0000";<input type="color" id="color11" name="color" onchange="handleChange(this.value, this.id)" />
- 2 回答
- 0 關(guān)注
- 188 瀏覽
添加回答
舉報(bào)
0/150
提交
取消