可编辑DIV的光标移动问题

[um_yn]

可编辑的div使用focus时光标定位在第一位，怎么让其定位在最后，或者将光标移动到最后？

[datarrow]

提供一下思路，代码仅供参考，各浏览器可能有所不同。 关键是要获得当前文档所选区域，再定位光标，如IE 下： <div contenteditable=true id="divTest">AAAbbb</div> <script> var d = document.getElementById('divTest'); function moveEnd(obj){ obj.focus(); var len = obj.innerText.length; if (document.selection) { var sel = document.selection.createRange(); sel.moveStart('character',len); sel.collapse(); sel.select(); } else{ /* IE11 特殊处理 */ var sel = window.getSelection(); var range = document.createRange(); range.selectNodeContents(obj); range.collapse(false); sel.removeAllRanges(); sel.addRange(range); } } moveEnd(d); </script>

[um_yn]

引用 1 楼 datarrow 的回复:

提供一下思路，代码仅供参考，各浏览器可能有所不同。 关键是要获得当前文档所选区域，再定位光标，如IE 下： <div contenteditable=true id="divTest">AAAbbb</div> <script> var d = document.getElementById('divTest'); function moveEnd(obj){ obj.focus(); var len = obj.innerText.length; if (document.selection) { var sel = document.selection.createRange(); sel.moveStart('character',len); sel.collapse(); sel.select(); } else{ /* IE11 特殊处理 */ var sel = window.getSelection(); var range = document.createRange(); range.selectNodeContents(obj); range.collapse(false); sel.removeAllRanges(); sel.addRange(range); } } moveEnd(d); </script>

这样做不行的，试过，不过我已经解决了，3Q

[明月清风竹林汀]

请问楼主是怎么解决的，我也遇到了同样的问题，求分享，谢谢。

[longli61990]

楼主怎么解决的，分享下