我正在嘗試進行輸入，用戶在其中鍵入文本。我想要做的是：用戶輸入10個字符后，他們輸入的下一個字符將是另一種顏色。有誰知道我該怎么辦？<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> <input type="text" maxlength="255"> <script> let input = document.querySelector("input"); input.addEventListener("keyup", function() { if(input.value.length > 10) { console.log(input.value.substring(10)); } }) </script></body></html>以下是示例代碼，我想在用戶鍵入 10 個字符并更改其顏色后獲取此文本。所以我研究的一種方法是使用“contenteditable div”，但是如何呢？
用戶使用 JavaScript 輸入 X 個字符后更改輸入子字符串顏色
瀟瀟雨雨
2021-10-21 16:35:55
