html多行文本将焦点(光标)置于末端

需求：

当我在多行文本域编辑了一段文字时，我希望我离开后，再重新回来编辑时，点击该文本域，然后我的输入光标会显示在文本的末尾。

方法一（IE浏览器独有）：

 	<textarea rows="7" cols="49" id="box" onFocus="tellPoint()"></textarea>
    <script>
        function tellPoint() {

            //获取到产生事件标签的TextRange对象
            var rng = event.srcElement.createTextRange();

            var len = event.srcElement.value.length;

            //改变焦点（光标）位置
            rng.moveStart("character", len)//moveStart("character",位置)
            rng.collapse(true)
            rng.select()

        }
    </script>

方法二（通用）：

	 <div style="position: relative">
        <textarea id="text" style="position: absolute;top: 0; height: 300px;width: