2012-06-30 3 views
1

Когда я выбираю текст в <div>, я хочу, чтобы выделенный текст появлялся в текстовом поле, которое находится чуть ниже div. Как мне это сделать?Получить выделенный текст

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

Возможный дубликат http://stackoverflow.com/questions/5643635/how-to-get-selected-html-text-with-javascript – yogi

+2

не совсем так, поскольку эти адреса взаимодействуют с asp (считается, что он не помечен как таковой) – nbrooks

ответ

4

работает демоhttp://jsfiddle.net/KgtW5/или с помощью Div Demohttp://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" /> 
​ 

Изображение

enter image description here

+0

не работает правильно. Пожалуйста, проверьте его. – user1509

+0

@explorer hiya, что не работает bruv? flick me lil more details ':)' поможет вам? –

+0

Когда я выбираю текст из текстовой области, я не получаю его в текстовом поле. – user1509

Смежные вопросы