时间:2021-05-08
最近在做一评论功能,需要能够评论表情,那 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内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标
end键盘为光标定位按键,作用是:当输入一行文本且光标不再末尾时,按下“END”键会使光标定位到该行末尾,常用于文本输入时快速定位。 END键还可以和CTRL
end键盘为光标定位按键,作用是:当输入一行文本且光标不再末尾时,按下“END”键会使光标定位到该行末尾,常用于文本输入时快速定位。 END键还可以和CTRL
end键盘叫光标定位按键,作用是:当输入一行文本且光标不再末尾时,按下“END”键会使光标定位到该行末尾,常用于文本输入时快速定位。 END键还可以和CTRL
本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下:当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的jso