div をクリックするだけでテキストエリアに情報を追加できるスクリプトがあります。これは機能していますが、カーソルは常に挿入した情報の先頭にあります。
<div id="click">Click to insert</div>
<textarea id="info">I want to</textarea>
ここにjqueryがあります:
<script>
$(document).ready(function(){
$('#click').on('click',function(){
var i=$('#info').val();
var n="Insert this";//information to be inserted
$('#info').val(i + n).focus();
});
});
</script>
これで、全体がI want to insert thisの後にカーソルが続きます。代わりに、このようにカーソルが真ん中にある[カーソル] を挿入したい. フィールドの内容の最後にカーソルを合わせる方法はありますか?