首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >.focus() -如何使用contentEditable div将curser放在内容末尾

.focus() -如何使用contentEditable div将curser放在内容末尾
EN

Stack Overflow用户
提问于 2014-12-27 15:27:26
回答 1查看 394关注 0票数 2

下午,

我有一个内容可读的div,在上传后添加一些图片后,我希望是集中的用户可以继续打字,而不必单击返回到div。

令我惊讶的是,

代码语言:javascript
运行
复制
.focus();

行得通,但把咒骂放在课文的开头,有没有办法把诅咒放在结尾?

JSFiddle:http://jsfiddle.net/mxtasnbL/

备份代码:

代码语言:javascript
运行
复制
<div class="textarea" contenteditable="true"></div>

var div = $(".textarea");
div.append('Some text before an image <br><img class="temp_added_image" src="http://www.deshow.net/d/file/car/2010-10/seat-electric-car-879-2.jpg"><br><br>');
div.focus();
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-12-27 15:31:34

一种方法是使用从您希望插入符号所在的位置开始的选择范围:

代码语言:javascript
运行
复制
var sel = window.getSelection(), range = sel.getRangeAt(0);
range.setStartBefore(div.children().last()[0]);
sel.removeAllRanges();
sel.addRange(range);

更新小提琴:http://jsfiddle.net/techfoobar/mxtasnbL/2/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27668659

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档