2011-09-06 138 views
2

無/塊焦點問題我有一個contentEditable div在某些情況下得到display: none,然後再次display: blockinline-block),我使用div.focus()display設置爲block,但光標位於的所述beggining文字,我無法改變其位置在Chrome上結束。CONTENTEDITABLE DIV顯示:在Chrome

如何讓它設置光標在最後,當div獲得焦點?

+1

這裏有一個類似的問題:http://stackoverflow.com/q/1181700/912019 這是你需要什麼? –

回答

1

這使用jQuery,但可以推廣到普通的JavaScript。最重要的部分是:

var range = document.createRange(), 
    selection = window.getSelection(); 

range.setStartAfter(div.lastChild); // set cursor 

selection.removeAllRanges(); 
selection.addRange(range); // apply cursor position 

http://jsfiddle.net/te93D/1/

+0

謝謝,它的作品! – John

+0

這在IE <9(與許多事情相同)中不起作用,儘管從這個問題來看這個問題還不清楚。 –