Javascript 表格行文本突出显示上的弹出窗口（仅限）i

我有一张多行的桌子。每列中都有一些文本。我想在选择/突出显示字符串文本的任何部分时创建一个弹出窗口。我研究了整个网站，但找不到解决方案。有人能帮忙吗

同样的问题得到了回答

---

这不是一个向他人请求代码的网站。相反，你应该研究这个话题，并尝试自己解决这个问题；如果在这个过程中有一个特定的问题你无法解决，请回来陈述，我们可以帮你解决。嘿，特里斯坦，我是新来的前端。我以前尝试过这个方法，但我成功地在文本突出显示时获得了弹出窗口，但不是特定于表的。因此我想我可以寻求一些帮助。谢谢分享你的观点嘿，马克。这很有魅力。我需要在突出显示的文本上方显示一个弹出框。//内容在这里，我是新的前端。任何帮助都将不胜感激。嘿，Zoheiry，我已经试过了，但div会在页面中任何文本的突出部分弹出。然而，马克的解决方案是有效的。但我需要的提示是正确的上面的文本突出显示。任何帮助都将不胜感激HTML代码在这里$（'table'）。在（'mouseup'，function（）{var selectedText=window.getSelection（）.toString（）；if（selectedText）{$（'infoDiv'）.css（'display'，'block'）；}）上获取所选元素后，可以像这样获得元素的位置$（您的元素）.offset（）.top和$（您的元素）.offset（）.left。现在你有了最上面和左边的位置。您可以在同一位置显示弹出窗口

function getSelectedText() {
    var text = "";
    if (typeof window.getSelection != "undefined") {
        text = window.getSelection().toString();
    } else if (typeof document.selection != "undefined" && document.selection.type == "Text") {
        text = document.selection.createRange().text;
    }
    return text;
}

function doSomethingWithSelectedText() {
    var selectedText = getSelectedText();
    if (selectedText) {
        alert("Got selected text " + selectedText);
    }
}

document.onmouseup = doSomethingWithSelectedText;
document.onkeyup = doSomethingWithSelectedText;

$('table').on('mouseup', function(){
  var selectedText = window.getSelection().toString();
  if (selectedText) {
    alert('Some text was selected');
  }
})