跟随光标/插入符而不是鼠标的工具提示

Question

可能的重复：
使用 jQuery 在文本区域中的光标位置创建工具提示

所以我有一个带有巨大文本区域的网站，基本上是整个屏幕。但我想在其中添加单词预测。我有所有的方法来做到这一点，实际上我有，但我需要一个跟随光标的工具提示。有没有办法在 JavaScript 中做到这一点？另外，我所说的光标并不是指鼠标。只要文本区域处于焦点状态，就应该允许用户自由移动鼠标，但工具提示出现在光标所在的位置。这在 JavaScript 中可能吗，还是我在做梦？作为参考，如果有人使用 Adob​​e Dream Weaver，那么当您键入时，结果将如何显示在单词下方。谢谢！另外，如果您知道有任何 jQuery 插件可以做到这一点，请告诉我们！谢谢！

另外编辑

.....

我之前制作了一个 ToolTip jQuery 插件，但这些总是像这样的鼠标坐标：

function(e) {
     if(...){
     //Code Here
     }
}

您总是导入 'e' 来获取鼠标位置的位置。实际上，我需要的是一种跨浏览器的方式来获取光标在文本区域中的位置。谢谢！

Answer 1

你的问题很模糊，我不确定你在要求什么，而且你没有提供示例，所以我没有什么可看的（提示：使用 JSFiddle）

这就是你的吗正在寻找？

$(document).ready(function() {
    //Tooltips
    $(".tip_trigger").hover(function(){
        tip = $(this).nextAll('.tip');
        tip.show(); //Show tooltip
    }, function() {
        tip.hide(); //Hide tooltip
    }).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coodrinates
        var mousey = e.pageY + 20; //Get Y coordinates
        //Absolute position the tooltip according to mouse position
        tip.css({  top: mousey, left: mousex });
    });
});

这将简单地将工具提示与鼠标对齐。

您可以添加此代码以确保工具提示不会离开视口。

var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip

//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);
if (tipVisX < 20) { //If tooltip exceeds the X coordinate of viewport
    mousex = e.pageX - tipWidth - 20;
} if (tipVisY < 20) { //If tooltip exceeds the Y coordinate of viewport
    mousey = e.pageY - tipHeight - 20;
}

这是一个工作示例： http://jsfiddle.net/MarkKramer/jV2H9/