html部分:

1

1`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`101`10

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 }

标签:获焦,sel,obj,range,var,div,101,document,光标

来源: https://www.cnblogs.com/nlyangtong/p/12200070.html

html光标自动定位,div自动获焦并将光标定位到最后相关推荐

  1. 表单输入框自动获得焦点自动获焦+一些实体字符

    自动获焦:autofocus,比如百度浏览器直接打卡,光标就在输入框内闪烁,这就是自动获焦. 但如果输入框不是网页的主要功能,就不要用自动获焦. 与后面的focus()方法来获得焦点相对比,自动获焦一 ...

  2. Android recyclerview item获焦时更新UI导致列表自动滚动到获焦处

    问题场景描述:scrollview嵌套rv,rv item里有edittext,当edittext处于获焦状态时,item中有数据改变导致更新UI时,此时列表会自动滚动到获焦处. 分析原因:更新UI时 ...

  3. js中浏览器失焦获焦的几种结局方法

    window.onblur=function(){clearInterval(time);//当窗口失焦时,取消计时器,}; window.onfocus=function(){ showtime() ...

  4. element el-input 自动获取焦点和IE下光标位置解决方法

    element el-input 自动获取焦点和IE下光标位置解决方法 参考文章: (1)element el-input 自动获取焦点和IE下光标位置解决方法 (2)https://www.cnbl ...

  5. 光标自动定位到输入框

    document.getElementById('contentText').focus() // 光标自动定位到当前输入框

  6. 伪彩色图片中光标颜色的自动算法

    伪彩色图片中光标颜色的自动算法 目标 PictureBox里面放个为彩色图, 你想画个十字光标,用啥颜色呢? 方法 用GetPixel(x, y).ToArgb();获得颜色然后计算如下: int A ...

  7. DIV 自动滚动功能及滚动条颜色修改

    1.DIV 自动滚动 <script type="text/javascript"> function startmarquee(lh, speed, delay) { ...

  8. html光标自动定位到文本框,html元素contenteditable属性如何定位光标和设置光标

    最近在山寨一款网页微信的产品,对于div用contenteditable属性做的编辑框有不少心得,希望可以帮到入坑的同学. 废话不多说了,我们先来理解一下HTML的光标对象是如何工作的,后面我会贴完整 ...

  9. 滚动html颜色,DIV 自动滚动功能及滚动条颜色修改的代码

    废话不多说了,直接给大家贴代码了.具体代码如下所示: 1.DIV 自动滚动 function startmarquee(lh, speed, delay) { var t; var oHeight = ...

最新文章

  1. ASP.NET2.0 GridView小技巧汇粹
  2. ubuntu16.04x下搜狗输入法无法输入中文
  3. 菜鸟学习笔记2,$(document).ready()使用讨论
  4. CDN (2)特点和功能
  5. boost::fusion::result_of::size用法的测试程序
  6. TensorFlow(一)
  7. 基于HMM的中文分词
  8. 【汇编语言】状态标志符(CF/OF/SF/ZF)在运算(ADD/SUB/ADC/SBB)过程中的响应变化
  9. python读取raw图片文件_python读取raw binary图片并提取统计信息的实例
  10. 设计模式笔记六:适配器模式
  11. iOS中copy,retain,strong,assign,weak的区别以及使用
  12. 如何使用STM32F4的BootLoader和APP程序
  13. 的采样方式_DR803M4水质自动采样器(岸边站自动排空型)
  14. delphi7 获取计算机名,远程控制篇:获得网络邻居所有机器名_delphi教程
  15. HTML单选框-多选框-按钮
  16. EXCEL抓取SQL查询数据
  17. llq 元旦狂欢 第三发
  18. 对于导入UE4中的模型坐标原点不在物体中心的解决办法
  19. 单相串励电机和三相交流异步电机在高空作业平台中的应用
  20. linux系统使用ps,Linux系统ps命令使用教程

热门文章

  1. 手机端zepto.js点击滑动显示隐藏
  2. 阿里云 OCR身份证识别Api 使用(一)
  3. JS-11-JQ选择器
  4. LayaBox 游戏文字提示
  5. wordpress留言板comments.php添加自定义字段,wordpress怎么通过自定义栏目添加字段
  6. 道路交通安全违法行为累积记分周期
  7. orangepi安装PHP5,OrangePi Zero 制作NAS服务器
  8. ggplot2--饼状图
  9. Token 认证登录
  10. SpringCloud-Ribbon负载均衡