でテキストを選択すると<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 デモの使用 http://jsfiddle.net/KgtW5/3/
.on
API: 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" />
画像