大佬教程收集整理的这篇文章主要介绍了使用jQuery在文本区域的光标位置创建工具提示,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
假设用户在文本区域中键入然后按某个键(例如@符号).我试图在文本区域插入符号上方显示一个小工具@L_450_0@.
有任何想法吗?
但是,有很多方法可以检测文本字段中的插入位置:
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,请注明来意。