选中HTML内容后分析

Html内容选中

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
    <HTML>  
    <HEAD>  
    <META http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">  
    <TITLE>test.html</TITLE>  
    <style type="text/css">  
    #result { font-style:italic;border:1px solid; height:100px;overflow:auto;}  
    </style>  
    <SCRIPT type="text/javascript">  
    //适用于火狐  
    function FF_ButtonClickListener() {  
        document.getElementById("result").innerHTML = window.getSelection();  
    }  
    //适用于IE  
    function IE_ButtonListener() {  
        document.getElementById("result").innerHTML = document.selection.createRange().text;  
    }  
    </SCRIPT>  
    </HEAD>  
    <BODY>  
    <p>  
    Select a text and click the FF_test or IE_test button.  
    </p>  
    <b>show selected text:</b><div id="result"></div>  
    <input type="button" value="FF_test" onclick='FF_ButtonClickListener();'/>  
    <input type="button" value="IE_test" onclick='IE_ButtonListener();'/>  
    </BODY>  
    </HTML>  
      

  2.   

    参考一个网站的js写的，可以参考一下。
    也请高手指点。弹出层<div id="popDiv" style="background-color: Gray; width: 200px; height: 200px; display: none;">
        </div>js$(function () {
        //记录弹出div的位置
        var _X = -1;
        var _Y = -1;    //显示弹出层
        $(document).bind("mouseup", function (e) {
            showDiv(e);
        });    //关闭弹出层
        $(document).bind("click", function (e) {
            hideDiv(e);
        });    //显示层
        function showDiv(e) {
            var selectedWord = getSelection(e);        //选中内容不为空
            if (selectedWord != "") {
                $("#popDiv").css("left", e.pageX);
                $("#popDiv").css("top", e.pageY);
                $("#popDiv").css("color", "Red");
                $("#popDiv").css("position", "fixed");
                $("#popDiv").css("display", "block");            _X = e.pageX;
                _Y = e.pageY;            //弹出div
                $("#popDiv").text(selectedWord);
            }
        }    //点击其它区域，隐藏div
        function hideDiv(e) {
            if (e.pageX < _X - 10 || e.pageX > _X + 210 || e.pageY < _Y - 10 || e.pageY > _Y + 210) {
                $("#popDiv").css("display", "none");
            }
        }    //处理选中内容
        function getSelection(ev) {
            var obj;
            var strlen;
            ev = (ev) ? ev : ((window.event) ? window.event : "");
            if (ev) {
                obj = (ev.target) ? ev.target : ev.srcElement;
                strlen = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
            }
            var str = "";
            if (obj.tagName != "INPUT") {
                if (strlen.length > 0) {
                    str = strlen;
                }
            }        return str;
        }
    });