javascript - 获取突出显示的文本

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接口：http ://api.jquery.com/on/

我已经为您需要的人定制了它。

好的链接：和大提示：获取突出显示/选定的文本

希望演示对您有所帮助，如果我错过了什么，请告诉我！:)

代码

$('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" />
​

图片