javascript – 如何在选择文本后弹出一个弹出窗口?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在选择文本后弹出一个弹出窗口?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我似乎无法弄清楚这一点.我有一个div,里面有一些文字.当用户选择它的部分(完全随机,无论他们想要什么)时,我想要一个小弹出窗口内的文本.

为了主动弹出,我可以这样做吗? …

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

但是,我如何才能获得所选/突出显示文字

解决方法

jQuery在这里没有多大用处,所以你需要纯JS来做选择抓取部分(信用转到 this page):
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/.

猜你在找的JavaScript相关文章