div contenteditable 重新编辑时focus光标定位到前面问题解决

<div class="editdiv" id="edit" contenteditable="true">这是添加文字</div>

getC($(‘.editdiv‘))
function getC(el){
el = el[0]; // jquery 对象转dom对象
el.focus();
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
//判断光标位置,如不需要可删除
if(sel.anchorOffset!=0){
return;
};
sel.removeAllRanges();
sel.addRange(range);
}

原文地址:https://www.cnblogs.com/yycc11/p/9896869.html

时间: 2024-08-03 12:59:44

div contenteditable 重新编辑时focus光标定位到前面问题解决的相关文章

js-处理div设置的编辑框处理焦点定位追加内容

具体实现方法如下: 首先要让DIV启用编辑模式 <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了.不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置② 改变光标位置 var cursor = 0; // 光标位置 document.onselectionchange = funct

UITextView开始编辑时让光标位于(开始位置)左上角

当我们使用系统提供默认的导航栏时,UITextView编辑光标默认是显示在左边居中的位置.如图. 如果要实现位于UITextView开始的位置 需要一行代码: 1 self.automaticallyAdjustsScrollViewInsets = false; 效果:

可编辑div将光标定位到最后

最近做了一个可以回复留言的页面,主要包括:@.表情功能,一开始使用的是文本域textarea,最后发现这样无法显示表情,后来改成可编辑div,在div中添加contenteditable="true",则该div即可编辑. <div contenteditable="true"></div> 在选择表情或者选择@某人后,会经常遇到选择后可编辑div中的光标不见了,或者显示的位置不对,于是在网上找了些方法,现在总结下: function set

可编辑DIV (contenteditable=&quot;true&quot;) 在鼠标光标处插入图片或者文字

近期需开发一个DIV做的编辑器,插入表情图片可直接预览效果,仔细参考了下百度贴吧的过滤粘贴过来文件的THML代码,自己整理了下.写出来只是和大家分享下,我自己也不大懂,经过努力,幸好搞定. 蛋疼的事情出来了,当编辑框失去焦点时候,再插入图片时候总是插入在最前面(谷歌和火狐,IE没问题).还没搞定,,, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

input、textarea、div(contenteditable=true)光标定位到最后

1.针对input.textarea //定位input.textarea function po_Last(obj) { obj.focus();//解决ff不获取焦点无法定位问题 if (window.getSelection) {//ie11 10 9 ff safari var max_Len=obj.value.length;//text字符数 obj.setSelectionRange(max_Len, max_Len); } else if (document.selection)

【重要重要】如何在div是contentEditable=true的里面获取光标的位置,并在光标位置处插入内容。焦点位置插入指定内容

为什么要在contentEditable=true的div里面获取光标呢?因为这篇文章https://blog.csdn.net/qq_33769914/article/details/85002918我们知道想在一个内容里面插入一个新的内容,如果这个新的内容是段html代码.最后显示的是有样式的.那么用input是无法实现的. 所以我们考虑用contentEditable=true的div.在这里面输入的html就没问题啦.————————————————版权声明:本文为CSDN博主「夏天想」

Vim光标定位

*定位到指定行n: 输入"nG". 或输入"ngg". 或输入":n" 这里,n就是指定的行的行号.注意,有时候G=gg. *跳到屏幕顶部: 输入“H”. 这里,停在第一个非空字符上.加一个数字N,是指距窗口顶部的行数(如'NH'正数第N行) *跳到屏幕底部: 输入“L”. 这里,停在第一个非空字符上.加一个数字,是指距窗口底部的行数(如'NL'倒数第N行) *跳到屏幕中间: 输入“M”. 这里,停在第一个非空字符上. *跳到文件首: 输入&qu

将div变成可编辑的状态,你造么?QQ空间中的发表说说的文本框其实就是一个DIV,而非textarea文本框

<div contenteditable="true">可以编辑里面的内容</div> 如果你在BODY里面加上contenteditable="true",可以发现该属性是多么的神奇.因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑. contenteditable属性兼容所有浏览器(IE6之前的版本是否兼容未测试) 在有些时候我们完全可以用DIV去替代input或者t

2015/5/8 eclipse中jsp、js文件编辑时卡死怎么办?

eclipse中jsp.js文件编辑时卡死怎么办? 使用Eclipse编辑jsp.js文件时,经常出现卡死现象,通过以下几个调整来解决: 1.取消验证 Windows->Perferences->Validation,把除了manual 下面的全部点掉,build下只保留 classpath dependency Validator: 2.关闭拼写检查: Windows–>Perferences–>General–> Editors->Text Editors->