javascript - jQuery 获取文本区域光标/插入符号 X、Y 位置并在下方显示一个 DIV

标签 javascript jquery textarea caret

我正在尝试在 Gmail/Google Docs richtext WYSIWYG edtior 中实现类似“更改/删除链接”的功能,当您键入 URL 时,div 会在其下方显示“Goto Link, Change, Remote”

我如何使用 jQuery 编写类似的东西?

  1. 如何获取游标的行和列?
  2. 如何计算字体的宽度和高度(特别是具有一些粗体/斜体样式的非固定宽度字体)
  3. 如何确保 DIV 出现在单词的开头?

提前致谢!

最佳答案

答案:http://jsfiddle.net/morrison/57BR3/

它的作用:

  • 创建位于超链接附近的 div。
  • 看起来像 Google 文档框。
  • 能够更改文本和 url。
  • 删除已实现。

它不做什么:

  • 在 textarea 上工作。文本区域不支持 html,因为它们是纯文本。这是一个复杂的变通过程。找一个图书馆,然后实现我的答案。
  • 当您的光标通过箭头键移到它上面时打开。由于上述项目不起作用。

关于javascript - jQuery 获取文本区域光标/插入符号 X、Y 位置并在下方显示一个 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5752147/

相关文章:

javascript - 如何获取 Angular 输入指令数据以传递给 Controller

ajax - 如何在 jquery 中使 Ajax 每 10 秒更新一次?

javascript - Jquery 从一个范围获取一个值,从其他范围获取第二个值,从其他范围获取第三个值等

javascript - 如何阻止在文本区域中输入回车?

javascript - 如何将表情符号字符写入文本区域

javascript - 查找位置最接近另一个div的div

javascript - 无法将 ID 设置为在 JQUERY 中动态创建的标签

javascript - AngularJS $http 数据未正确返回

jquery - 动态 Facebook Open Graph 标签可能吗?

PHP:相同的 mysql_fetch_array 语句在一个地方起作用,但在另一处不起作用