用jQuery实现划词分享功能

发布者: hopping | 发布时间: 2018-1-20 09:14| 查看数: 5393| 评论数: 1|帖子模式

jQuery是如此之好用，如此强大。
在这里分享一个划词功能，直接上图:

使用划词可以直接跳转到你所要调转的页面或网址，可以试试。

下面是如何修改图片及跳向网址的代码:

$(function () {

    $("body").mouseup(function (e) {

        var x = 10;

        var y = 10;

        var r = "";

        if (document.selection) {

            r = document.selection.createRange().text;

        }

        else if (window.getSelection()) {

            r = window.getSelection();

        }

        if (r!= "") {

            var bowen = " ";

            var tooltip = "" +''+ bowen + "";

            $("body").append(tooltip);

            $("#tooltip").css({

                "top": (e.pageY + y) + "px",

                "left": (e.pageX + x) + "px",

                "position": "absolute"

            }).show("fast");

            $("#tooltip").mousedown(function () {

                var tmp=window.open("about:blank","","fullscreen=1");

                tmp.location=';

            });

        }

    }).mousedown(function () {

        $("#tooltip").remove();

    });