Jquery - 如何从div标签中复制所选文本?

时间:2015-01-04 19:30:45

标签: javascript jquery html css

假设我在页面中有两个DIVS。分别为#news div和#imp div。

<div id="news">
Apple is facing a lawsuit for not telling users about the amount of memory required by an upgrade       its flagship operating system.
</div>

<div id="imp">
 <!-- Empty -->
</div>

现在我的要求是,如果我从整个句子中仅选择“Apple”,那么所选部分将被复制并粘贴到div #imp中。如果复制,则会附加其他部分。

3 个答案:

答案 0 :(得分:5)

你可以这样做吗?

$( document ).ready(function() {
  $('#news').mouseup(function (e){
    text = window.getSelection().toString();
    $('#imp').append(text);
  });
});

希望这会有所帮助。

JS Bin:http://jsbin.com/xabije/edit?html,js,output

答案 1 :(得分:0)

我会将使用此库的标记文本复制到剪贴板

https://code.google.com/p/liveclipboard-jquery/

并使用jquery插入div imp

答案 2 :(得分:0)

斯科特杜克打败了我,但重点是追加,所以我将html更改为append,并添加了一个空格,以便这些词语不会混在一起:

$('#news').mouseup(function (){
   var selectedText = window.getSelection().toString();
   $('#imp').append(" "+ selectedText)
});

FIDDLE