Когда я выбираю текст в <div>
, я хочу, чтобы выделенный текст появлялся в текстовом поле, которое находится чуть ниже div. Как мне это сделать?Получить выделенный текст
<div>
My text goes here.
</div>
<asp:TextBox ID="txt" runat="server"/>
Когда я выбираю текст в <div>
, я хочу, чтобы выделенный текст появлялся в текстовом поле, которое находится чуть ниже div. Как мне это сделать?Получить выделенный текст
<div>
My text goes here.
</div>
<asp:TextBox ID="txt" runat="server"/>
работает демо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" />
Изображение
Возможный дубликат http://stackoverflow.com/questions/5643635/how-to-get-selected-html-text-with-javascript – yogi
не совсем так, поскольку эти адреса взаимодействуют с asp (считается, что он не помечен как таковой) – nbrooks