html光标自动定位,div自动获焦并将光标定位到最后
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自动获焦并将光标定位到最后相关推荐
- 表单输入框自动获得焦点自动获焦+一些实体字符
自动获焦:autofocus,比如百度浏览器直接打卡,光标就在输入框内闪烁,这就是自动获焦. 但如果输入框不是网页的主要功能,就不要用自动获焦. 与后面的focus()方法来获得焦点相对比,自动获焦一 ...
- Android recyclerview item获焦时更新UI导致列表自动滚动到获焦处
问题场景描述:scrollview嵌套rv,rv item里有edittext,当edittext处于获焦状态时,item中有数据改变导致更新UI时,此时列表会自动滚动到获焦处. 分析原因:更新UI时 ...
- js中浏览器失焦获焦的几种结局方法
window.onblur=function(){clearInterval(time);//当窗口失焦时,取消计时器,}; window.onfocus=function(){ showtime() ...
- element el-input 自动获取焦点和IE下光标位置解决方法
element el-input 自动获取焦点和IE下光标位置解决方法 参考文章: (1)element el-input 自动获取焦点和IE下光标位置解决方法 (2)https://www.cnbl ...
- 光标自动定位到输入框
document.getElementById('contentText').focus() // 光标自动定位到当前输入框
- 伪彩色图片中光标颜色的自动算法
伪彩色图片中光标颜色的自动算法 目标 PictureBox里面放个为彩色图, 你想画个十字光标,用啥颜色呢? 方法 用GetPixel(x, y).ToArgb();获得颜色然后计算如下: int A ...
- DIV 自动滚动功能及滚动条颜色修改
1.DIV 自动滚动 <script type="text/javascript"> function startmarquee(lh, speed, delay) { ...
- html光标自动定位到文本框,html元素contenteditable属性如何定位光标和设置光标
最近在山寨一款网页微信的产品,对于div用contenteditable属性做的编辑框有不少心得,希望可以帮到入坑的同学. 废话不多说了,我们先来理解一下HTML的光标对象是如何工作的,后面我会贴完整 ...
- 滚动html颜色,DIV 自动滚动功能及滚动条颜色修改的代码
废话不多说了,直接给大家贴代码了.具体代码如下所示: 1.DIV 自动滚动 function startmarquee(lh, speed, delay) { var t; var oHeight = ...
最新文章
- ASP.NET2.0 GridView小技巧汇粹
- ubuntu16.04x下搜狗输入法无法输入中文
- 菜鸟学习笔记2,$(document).ready()使用讨论
- CDN (2)特点和功能
- boost::fusion::result_of::size用法的测试程序
- TensorFlow(一)
- 基于HMM的中文分词
- 【汇编语言】状态标志符(CF/OF/SF/ZF)在运算(ADD/SUB/ADC/SBB)过程中的响应变化
- python读取raw图片文件_python读取raw binary图片并提取统计信息的实例
- 设计模式笔记六:适配器模式
- iOS中copy,retain,strong,assign,weak的区别以及使用
- 如何使用STM32F4的BootLoader和APP程序
- 的采样方式_DR803M4水质自动采样器(岸边站自动排空型)
- delphi7 获取计算机名,远程控制篇:获得网络邻居所有机器名_delphi教程
- HTML单选框-多选框-按钮
- EXCEL抓取SQL查询数据
- llq 元旦狂欢 第三发
- 对于导入UE4中的模型坐标原点不在物体中心的解决办法
- 单相串励电机和三相交流异步电机在高空作业平台中的应用
- linux系统使用ps,Linux系统ps命令使用教程