当div设置contentEditable=true时,重置其内容后无法光标定位
导读:收集整理的这篇文章主要介绍了当div设置contentEditable=true时,重置其内容后无法光标定位,觉得挺不错的,现在分享给大家,也给大家做个参考。 最近在做一评论功能,需要能够评论表情,那 contentEdITabl...
收集整理的这篇文章主要介绍了当div设置contentEditable=true时,重置其内容后无法光标定位,觉得挺不错的,现在分享给大家,也给大家做个参考。 最近在做一评论功能,需要能够评论表情,那 contentEdITable
这个属性就首当其冲了,结果,问题来了…
首先 评论区 长这样:
当输入内容超过限制的时候,清空用户输入超过限制后的内容。
这个好说… 但是清空完了内容,光标居然跑到了最前面,这就很头疼了。
在经过各种搜索之后,找到了解决办法,不多说,上代码!
VAR _div = document.querySelector('.discuss_area'); var range = document.createRange(); range.selectNodeContents(_div); range.collapse(false); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range);
全部都是使用原生事件,因此不能使用jquery
对象。
到此这篇关于解决当div设置contentEditable=true时,重置其内容后无法光标正确定位。的文章就介绍到这了,更多相关div设置contentEditable=true内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 当div设置contentEditable=true时,重置其内容后无法光标定位
本文地址: https://pptw.com/jishu/588496.html