無/塊焦點問題我有一個contentEditable div
在某些情況下得到display: none
,然後再次display: block
(inline-block
),我使用div.focus()
當display
設置爲block
,但光標位於的所述beggining文字,我無法改變其位置在Chrome上結束。CONTENTEDITABLE DIV顯示:在Chrome
如何讓它設置光標在最後,當div獲得焦點?
無/塊焦點問題我有一個contentEditable div
在某些情況下得到display: none
,然後再次display: block
(inline-block
),我使用div.focus()
當display
設置爲block
,但光標位於的所述beggining文字,我無法改變其位置在Chrome上結束。CONTENTEDITABLE DIV顯示:在Chrome
如何讓它設置光標在最後,當div獲得焦點?
這使用jQuery,但可以推廣到普通的JavaScript。最重要的部分是:
var range = document.createRange(),
selection = window.getSelection();
range.setStartAfter(div.lastChild); // set cursor
selection.removeAllRanges();
selection.addRange(range); // apply cursor position
謝謝,它的作品! – John
這在IE <9(與許多事情相同)中不起作用,儘管從這個問題來看這個問題還不清楚。 –
這裏有一個類似的問題:http://stackoverflow.com/q/1181700/912019 這是你需要什麼? –