如何在选择文本后弹出窗口？

我似乎无法弄清楚这一点。我有一个 div，里面有一些文本。当用户选择其中的一部分（完全随机，无论他们想要什么）时，我希望出现一个小弹出窗口，其中包含文本。

要启动弹出窗口，我可以这样做吗？ ...

$('#textdiv').click(function() {  

但是我怎样才能只获取选定/突出显示的文本呢？

jQuery 在这里不会有太大用处，因此您需要纯 JS 来完成选择抓取部分（归功于这一页):

function getSelected() {
  if(window.getSelection) { return window.getSelection(); }
  else if(document.getSelection) { return document.getSelection(); }
  else {
    var selection = document.selection && document.selection.createRange();
    if(selection.text) { return selection.text; }
    return false;
  }
  return false;
}

你走在正确的轨道上mouseup处理程序，所以这就是我的工作内容：

$('#test').mouseup(function() {
    var selection = getSelected();

    if (selection) {
        alert(selection);
    }
});

以及现场演示：http://jsfiddle.net/PQbb7/7/.