我試圖根據(jù)來自數(shù)據(jù)庫或另一個(gè)頁面的動(dòng)態(tài)浮點(diǎn)值來更改輸入字段的背景色。代碼示例：<div>    <input type="text"  readonly value="<?php echo $time_per_tag; ?>"  data-ranges='[[1, 14, "#BEFB93"], [15, 16, "#FDEB99"], [17, 17.5, "#FEBE5C"], [18, 100, "#FB9090"]]' onkeyup="checkFilled(event);"></div>輸出：這里$ time_per_tag是包含float中來自數(shù)據(jù)庫的值的變量?，F(xiàn)在，如果值介于（1-14）之間，則背景顏色將為綠色（＃BEFB93），如果介于（15-16）之間，則背景顏色將為黃色（＃FDEB99），依此類推...JS：  function checkFilled(event) {              var inputVal = event.target;              var inputData = JSON.parse(inputVal.dataset.ranges);              var color = "";              for (i = 0; i < inputData.length; i++) {                if (inputVal.value >= inputData[i][0] && inputVal.value <= inputData[i][1]) {                  color = inputData[i][2];                  break;                }              }              inputVal.style.backgroundColor = color;            }問題是我不想輸入用戶可編輯的內(nèi)容。僅作準(zhǔn)備用途。但是如果我這樣做，該代碼可能無法正常工作。我希望沒有onkeyup的代碼可以正常工作。任何建議，代碼修改和實(shí)現(xiàn)都將受到高度贊賞。