请问div的contenteditable光标位置如何移至最后

我辈岂是一凡人 2017-12-06 10:54:26

目前是在输入超过150字后光标一直显示在最前面

...全文

641 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

usecf 2017-12-06

打赏
举报

回复

参考下这个http://blog.csdn.net/arthurwanggang/article/details/62416283

主要是div通过contenteditable实现可编辑状态，可以实现按钮点击在光标处添加字符的功能

NULL 博文链接：https://canlynet.iteye.com/blog/2340751

今天小编就为大家分享一篇Vue中div contenteditable 的光标定位方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

最近在做一评论功能，需要能够评论表情，那 contentEditable 这个属性就首当其冲了，结果，问题来了… 首先评论区长这样：当输入内容超过限制的时候，清空用户输入超过限制后的内容。这个好说… 但是清空完了内容，光标居然跑到了最前面，这就很头疼了。在经过各种搜索之后，找到了解决办法，不多说，上代码！ var _div = document.querySelector('.discuss_area'); var range = document.createRange(); range.selectNodeContents(_div); range.collapse(

vue项目中在可编辑div光标位置插入内容 html： <div class=mouse-move dragstart=dragStart($event, draggable='true' v-for=(item, key=index click=dropRelease($event,> {{item.labelName}} div> <div cont

87,991

社区成员

224,699

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章