JavaScript カーソル位置に文字を挿入する

Question

テキストテキストテキストテキストテキストのどこかにフォーカスを与え追加を押すと
その位置に文字が追加したいです
下記ではうまくいきませんでした
詳しい方教えて下さい

<script>
function aaa(){
p=div.innerHTML;
div.innerHTML = p.substr(0, div.selectionStart)+"追加"+p.substr(div.selectionStart);
}
</script>
<div id="div" contenteditable="true">
テキストテキストテキストテキストテキスト
</div>
<input type="button" value="追加" onclick="aaa()">

Answer 1

<div> に selectionStart というプロパティはありません。
document.execCommand('insertText', false, '追加') などとしてください。