div自动获焦并将光标定位到最后

html部分:

1 <div contenteditable="true" class="rich-editor-content"><p><font face="&quot;Times New Roman&quot;"><font style="font-size: 10pt;"><font color="#000000">1`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`10</font></font></font></p></div>

js部分:

 1 var obj = document.querySelector('.rich-editor-content');/*原生js 获取类名  */
 2 obj.focus(); 
 3 var len = obj.innerText.length; 
 4 if (document.selection) { 
 5     var sel = document.selection.createRange(); 
 6     sel.moveStart('character',len); 
 7     sel.collapse(); 
 8     sel.select(); 
 9 } 
10 else{                                                 /* IE11 特殊处理 */
11     var sel = window.getSelection();
12     var range = document.createRange();
13     range.selectNodeContents(obj);
14     range.collapse(false);
15     sel.removeAllRanges();
16     sel.addRange(range);
17 }
posted @ 2020-01-16 10:48  微光半夏星  阅读(785)  评论(0编辑  收藏  举报