Перемещение курсора в начало или конец поля ввода TextArea или Input

Исходный код этого примера:
<style>
 textarea {
  width: 100%;
  max-width: 500px;
 }
</style>
<script>
function moveCaretToStart(inputObject)
{
if (inputObject.selectionStart)
{
 inputObject.setSelectionRange(0,0);
 inputObject.focus();
}
}
function moveCaretToEnd(inputObject)
{
if (inputObject.selectionStart)
{
 var end = inputObject.value.length;
 inputObject.setSelectionRange(end,end);
 inputObject.focus();
}
}
</script>
<form>
    <p>
        <label> В начало:<br>
            <textarea onclick="moveCaretToStart(this)">Кликните в любом месте этой текстовой области, и курсор окажется в начале текста</textarea>
        </label>
    </p>
    <p>
        <label> В конец:<br>
            <textarea onclick="moveCaretToEnd(this)">Кликните в любом месте этой текстовой области, и курсор окажется в конце текста</textarea>
        </label>
    </p>
</form>

Вы можете посмотреть здесь - Поддержка браузерами свойства selectionStart.


.