2016-05-13 55 views
3

表示您要在不使用输入元素的情况下构建文本编辑器,这是我为学习目的所做的工作,并且我到了需要显示插入符的部分,并且我发现我不知道什么是脱字符。什么是插入符号

  • 它是它自己的html元素吗?
  • 它只是一个纯粹的CSS效果?
  • 它只是一个虚拟的字符,在字符串中有一个实际的索引?

我试图探索默认input元素的shadow dom,但没有提到脱字符,任何想法究竟是什么?

我已经建立了逻辑尖号和它的位置,并得到了在那里我需要显示它

+0

你的问题到底是什么? –

+2

这是一个概念性的东西,它存在于文本编辑器中,但它不以任何方式存在,也不存在于HTML/DOM/CSS/JS中。所以这取决于你如何实施它。 – deceze

+1

这将有助于 - https://ctrlq.org/code/20086-css-arrow-caret-symbol – MusicLovingIndianGirl

回答

2

插入符号是UI放置的图片,用于指示当前文本插入点的位置。请参阅讨论它的Wikipedia article

通常情况下,插入符号不是图形设计元素,而是由其背后的系统管理。只有一些输入元素使用插入符号,特别是那些允许用户输入文本的插入符号。这与一些用户界面通过在该字段周围提供高亮或着色来显示当前输入字段的方式类似且密切相关。

每个输入字段保持其自己的当前插入点,并且脱字符仅显示在当前选定编辑字段的当前插入点处。在图形系统中只有一个插入符号,它被用作提供输入字符的用户的提示。插入符号位置正确,通常显示在字符之间,但也可以显示在当前字符的顶部。

  • 使用箭头键来改变插入点
  • 添加或在当前输入场
  • 开关删除字符:

    用户通过做任何几个动作的操纵插入位置另一个输入字段(例如TAB到下一个字段)

插入符号通常可以通过这些类型的API调用以编程方式操作以设置插入位置,其中typ理论上需要输入字段和插入点的索引。

脱字符可以是系统定义的任何形状,或者您选择显示的任何形状。一些插页还包括动画,例如闪烁,骑自行车的颜色,甚至弹跳。

1

插入符号是(在任何方向)尖箭头符号。你可以按照你想要的方式来操作它(比如改变宽度,颜色等等)。请参阅this site