jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery在文本区域的光标位置创建工具提示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在文本区域中的输入插入符号上方创建工具@L_450_0@.如果我可以在文本区域中获得插入符号的x,y坐标,这将很容易,但是我已经搜索了一会儿并且无法弄清楚如何做到这一点.

假设用户在文本区域中键入然后按某个键(例如@符号).我试图在文本区域插入符号上方显示一个小工具@L_450_0@.

有任何想法吗?

解决方法

嗯,我真的没有看到jQuery事件中的任何内容,这些内容很容易为你提供x y coord for the caret.

但是,有很多方法可以检测文本字段中的插入位置:

http://laboratorium.0xab.cd/jquery/fieldselection/0.1.0/test.html

Is it possible to programmatically detect the caret position within a <input type=text> element?

Caret position in textarea,in characters from the start

使用此功能,您可以尝试估算工具@L_450_0@的像素坐标.

如果您希望它更精确,请在文本字段中使用等宽字体.

//depending on size of font
var charWidth = 10;
//using any number of the above methods to get caret position
var caretPosition = getcaretpos('#myTextField');
var textFieldOffsetX = $('#myTextField').offset.left;
var toopTipPositionX = caretPosition * charWidth + textFieldOffsetX;

这不完全是不完美的,但它可能足够接近.

大佬总结

以上是大佬教程为你收集整理的使用jQuery在文本区域的光标位置创建工具提示全部内容,希望文章能够帮你解决使用jQuery在文本区域的光标位置创建工具提示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。