JQuery实现选中文字弹出DIV

最新推荐文章于 2021-03-04 20:42:56 发布

weixin_33958366

最新推荐文章于 2021-03-04 20:42:56 发布

阅读量298

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/729917/blog/205662

版权

2019独角兽企业重金招聘Python工程师标准>>>

$(function () {
        $("#content").mouseup(function (e) {
            var x = 10;
            var y = 10;
            var text = "";
            if (document.selection) {
                text = document.selection.createRange().text;
            }
            else if (window.getSelection()) {
                text = window.getSelection();
            }
            if (text!= "") {
                var tip = "tip";
                var tooltip = "<div id='tooltip' class='tooltip'><a οnclick=doit('"+text+"')>" + tip + "</a></div>";
                $("body").append(tooltip);
                $("#tooltip").css({
                    "top": (e.pageY + y) + "px",
                    "left": (e.pageX + x) + "px",
                    "position": "absolute"
                }).show("fast");
            }
        }).mousedown(function () {
            $("#tooltip").remove();
        });
    });

    function doit(text) {
        if (text != "") {
            alert(text);//此处你可以添加你想要的实现
        }
    }