javascript - 我需要一个技巧来模拟标签上的插入符号

Question

实际上，我使用的是绑定(bind)到标签的自定义数字键盘(使用 AngularJS)。使用此键盘，我可以通过箭头键(删除/修改/插入字符)从一个字符切换到另一个字符。

现在，我需要一个“技巧”来显示哪个字符被聚焦(一种插入符号或在聚焦字符下划线的东西)。

Answer 1

你可以利用 :focus 伪状态(我刚刚设置了背景颜色，你可以设置文本装饰但是 :before 文本等)

[role="button"]:focus {
    background-color: red;
}

使用 HTML

<a href="#" role="button">
    A
</a>
<a href="#" role="button">
    B
</a>

	[role="button"]:focus {
	  background-color: red;
	}
	

	<a href="#" role="button">
		A
	</a>
<a href="#" role="button">
		B
	</a>