2014-12-27 50 views
2

下午,.focus() - 如何使用CONTENTEDITABLE格

我有一个内容editible DIV其中,附加一些图片上传过之后之后,我想集中,用户可以把光标在内容结束继续打字而不必点击返回div。

令我惊讶的是,

.focus(); 

作品,但放光标在文本,任何方式把光标在结束的开始?

的jsfiddle:http://jsfiddle.net/mxtasnbL/

备份代码:

<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(); 
+1

重复:http://stackoverflow.com/questions/19568041/set-焦点和光标到文本输入字段字符串结束w-jquery – Tyr 2014-12-27 15:28:28

回答

2

一种方法是使用开始于你想去的地方选择范围插入符号是:

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/

+0

完美。 :) 谢谢。 – Lovelock 2014-12-27 15:42:01

相关问题