javascript - 是否可以交替输入字段中每个字符的颜色?

标签 javascript jquery html css input

<分区>

我见过人们通过将每个字符动态包装在一个跨度中并单独定位它们来在单个元素中交替使用字符的颜色,但我想在输入字段中交替使用每个字符的颜色(例如交替使用红色,绿色,蓝色)...可能吗?我很难过...

最佳答案

可以使用 DIV 将 contentEditable 属性设置为 true 并将样式设置为输入框来模拟它。

在最基本的情况下,当您输入它时,您可以处理诸如“onkeydown”之类的事件,并在将其添加到 DIV 之前用给定颜色的 SPAN 包围字符。

通过这种方式,您可以在键入时获得“输入”字段中字符的实时着色。

如果您必须处理粘贴/删除,它会变得更加复杂,但就是这样。

关于javascript - 是否可以交替输入字段中每个字符的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18583716/

上一篇:html - Bootstrap 3 页脚在没有 <h2> 的情况下无法工作

下一篇:html - Bootstrap Dynamic Navbar 不会为移动设备调整大小,因为我包含了一个 Logo

相关文章:

javascript - 如何使用 for 循环制作 JavaScript 幻灯片

Jquery表搜索与分页

javascript - jQuery 滑动/切换菜单

html - Flexbox - 每行可容纳 2,3 或 1 件元素

javascript - 使用 JQuery 延迟加载 div,代码在 Chrome 中不起作用(window.onload)

html - Xpath表达式-在两个已知标签之间选择

javascript - 使用 $.post 发送数组

javascript - 按下按键时使用 jQuery 取消聚焦文本框

javascript - 获取存储在 var 中的 div 的内部 html

javascript - 从 UnityWebGL jslib 返回字符串