javascript - 在 DIV 中显示光标

标签 javascript html css

我正在尝试制作一个精美的在线编辑器,我需要给用户一种印象,即他正在直接在 DIV/SPAN/其他元素中输入。

我可以通过将击键路由到隐藏的文本框来捕获击键,是的,但是我想知道如何在正确的位置显示光标以完成幻觉。

有什么想法吗?

最佳答案

我相信大多数浏览器内的富文本编辑器都是通过使用 contentEditable 属性来实现的(我认为每个浏览器都有不同的名称),所以它让系统来处理。这是一个更简洁的解决方案,因为所有 native 命令和快捷方式(ctrl+left、双击以选择单词等)的工作方式与他们预期的完全相同,您无需执行任何操作。

如果您有真的充分的理由想要采用这种其他方式,我想您可以通过使用动画 gif 并在每次击键时移动它来捏造它。除非他们使用等宽字体,否则很难找到放置光标的位置...

关于javascript - 在 DIV 中显示光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1483561/

相关文章:

javascript - 复制网站,包括图像和样式

javascript - 是否可以捕获 window.location.replace 事件?

javascript - React Datepicker 不会缩小到父容器

javascript - 当我按下删除按钮时,如何让父 div 被删除

css - 缩放问题::after &::before borders

javascript - JavaScript 中的回调

javascript - 在 javascript 中使用 .replace() 函数时避免取消事件处理程序

html - 在开始 PSD 2 XHTML 工作之前我应该​​问客户什么问题?

javascript - 如何根据textContent值更改每个标签的CSS类

javascript - 如何改变这三个.js 脸的颜色?