[英]Change input color after user enters X characters with JavaScript
我正在嘗試進行輸入，用戶在其中鍵入文本。 我要做的是：用戶輸入 10 個字符后，他們輸入的下一個字符將是另一種顏色。 有誰知道我該怎么做？
<,DOCTYPE html> <html lang="en"> <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 個字符並更改其顏色后獲取此文本。
無法為輸入元素的文本着色部分，因為用於部分字符串的唯一 CSS 選擇器是::first-letter 。 就像@APAD1 的評論所說，可以創建一個 帶有contenteditable的元素，它會自動將接下來的 10 個字符包裝在帶有自定義樣式集的span標簽中。
用戶使用 JavaScript 輸入 X 字符后更改輸入 substring 顏色
[英]Change input substring color after user enters X characters with JavaScript
用戶在文本框中輸入文本時如何使用javascript更改行的背景色
[英]how to change the background color of a row using javascript when the user enters a text in a textbox
如何在 JavaScript 中更改用戶輸入值（提示）的字體顏色？
[英]How to change the font color of an user input value (prompt) in JavaScript?
使用 javascript 根據用戶輸入更改表格單元格背景顏色
[英]change table cell background color according to user input using javascript
輸入答案后如何在javascript中更改用戶輸入顏色
[英]How to change user input color in javascript once they have typed in their answer
用戶使用angularJs和js輸入日期后更改日期格式
[英]Change the date format after user enters the date using angularJs and js
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.