使用Javascript/Jquery的文本選擇

我有一個div容器放置在html頁面內。裏面有一些文字。現在，我希望用戶選擇的文本（任何數量）顯示在同一頁面上的另一個div容器中。使用Javascript/Jquery的文本選擇

<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演示將會有所幫助。

來源

2013-03-14 user2171262

P.P.S.一個你試過的JSFiddle會更有幫助 – Alexander 2013-03-14 19:10:29

看看這個http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text .html – mavili 2013-03-14 19:11:45

http://stackoverflow.com/questions/6251937/how-to-get-selectuser-highlighted-text-in-contenteditable-element-and-replac – Dom 2013-03-14 19:12:42

想這在我的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>

來源

2013-03-14 20:14:19 Raghu

謝謝大家。上述答案運作良好。愛堆溢出社區:) – user2171262 2013-03-15 03:15:54

使用Javascript/Jquery的文本選擇

回答

相關問題