獲取突出顯示的文本

Question

當我在<div>中選擇一些文本時，我想讓突出顯示的文本出現在div下面的文本框中。我該怎麼做？

<div> 
    My text goes here. 
</div> 
<asp:TextBox ID="txt" runat="server"/> 

Answer 1

工作演示http://jsfiddle.net/KgtW5/或使用DIV演示http://jsfiddle.net/KgtW5/3/

.on API：http://api.jquery.com/on/

我已經定製它爲您的需要的人。

很好的鏈接：和BIG提示：Get the Highlighted/Selected text

希望演示可以幫助你，讓我再知道如果我錯過了什麼！ :)

代碼

$('textarea').on('select', function() { 
    var foo = getSelectionText(); 
    $('#hulk').val(foo); 
}); 


function getSelectionText() { 
    var text = ""; 
    if (window.getSelection) { 
     text = window.getSelection().toString(); 
    } else if (document.selection && document.selection.type != "Control") { 
     text = document.selection.createRange().text; 
    } 
    return text; 
}​ 

HTML

<textarea>Some default text; HUlk is very cool innit</textarea> 
<br/> 

<input type="text" id="hulk" /> 
​ 

圖片