首页 > 其他 > 详细

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

时间:2020-01-16 12:33:18      阅读:110      评论:0      收藏:0      [点我收藏+]

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 }

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

原文:https://www.cnblogs.com/nlyangtong/p/12200070.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!