Javascript 在HTML中模拟闪烁的文本光标

在HTML中插入闪烁光标（例如DOS中闪烁的粗下划线或Linux中的竖条）的好方法是什么

---

此字符/图像将在H1标题后面，并且在不同的大小下看起来应该很好。

您可以使用CSS来完成此操作，这里是垂直条

h1{
字体大小：20px；
右边填充：20px；
显示：内联块；
}
h1：之后{
内容：''；
宽度：20px；
高度：2倍；
背景：黑色；
不透明度：0；
显示：内联块；
动画：闪烁1s线性无限交替；
}
@关键帧闪烁{
50% {
不透明度：0；
}
100% {
不透明度：1；
}
}

---

Lorem ipsum dolor sit amet

使用两个代码是无法做到这一点的 没有图书馆可以这样做。您可以使用js制作一个假光标

步骤1

通过隐藏主光标

caret-color: transparent;

步骤2

创建跨度图元

<input type="text"><span id="fake">_</span>

_

步骤3

---

使用js使span元素闪烁，那么只在HTML元素上使用contenteditable属性怎么样

它只在用户点击元素时才起作用，但它“免费”工作，没有任何JS或CSS等

例如：

---

编辑我

为什么不直接使用

伪元素

？我只是用

var I=0；setInterval（function（）{document.getElementById（“c”）.style.background=（i++&1）？“#00ff00”：“#000000”}，500）；正文{background color:#000000；}pre span{color:#ffffff；}

[…]