使用Javascript / Jquery进行文本选择

时间:2013-03-14 19:08:38

标签: javascript jquery javascript-events

我在html页面中放置了一个div容器。里面有一些文字。现在,我希望用户选择的文本(任何金额)显示在同一页面上的另一个div容器中。

<div id="d1"> Some Random text, Some Random text Some Random text, Some Random text</div>
<div id="d2"></div>

我被困在如何从d1容器中提取文本。我尝试过使用window.getSelection()和相关方法。具有讽刺意味的是,它适用于整个文档。怎么去呢?

P.S-JSFiddle演示会有所帮助。

1 个答案:

答案 0 :(得分:0)

尝试在我的Mac上似乎正在使用Safari / Chrome和FF不确定IE但

<head>
    <script>
        var mouseup_fun = function()
        {
            var str = document.getSelection().toString();
            if (str.length > 0) {
                document.getElementById("div2").innerHTML = str;  
            }

        }
    </script>
</head>
<body >
    <div id="div1" onmouseup="mouseup_fun()">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
    </br></br>
    <div id="div2">

    </div>
</body>
</html>