2014-12-27 133 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

相關問題