Javascript如何在插入文本后将光标放在输入字段文本的末尾？

Question

我有一个输入字段，在选项卡或输入keydown事件后，一些文本填充到输入字段中。如何将光标放在已填充文本的末尾？

这是html：

<input name="author" type="text" id="author"></input>

这是javascript：

var authorInput = document.getElementById("author");
authorInput.value = authorName;
authorInput.innerHTML = authorName;

其中authorName是一个类似“example”的字符串。现在在设置innerHTML后，我希望光标位于输入字段中文本的末尾。我该怎么做？

我不喜欢jquery，但如果它是一个“更好”的解决方案，我愿意接受它。

Here是一个尝试解决它的jsfiddle示例，但不起作用。我想让div的click事件处理程序在运行完毕后将光标放在输入文本的末尾。