最近在做一評論功能,需要能夠評論表情,那 contentEditable
這個屬性就首當其沖了,結果,問題來了…
首先 評論區 長這樣:

當輸入內容超過限制的時候,清空用戶輸入超過限制后的內容。
這個好說… 但是清空完了內容,光標居然跑到了最前面,這就很頭疼了。
在經過各種搜索之后,找到了解決辦法,不多說,上代碼!
var _div = document.querySelector('.discuss_area');
var range = document.createRange();
range.selectNodeContents(_div);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
全部都是使用原生事件,因此不能使用jQuery
對象。
到此這篇關于解決當div設置contentEditable=true時,重置其內容后無法光標正確定位。的文章就介紹到這了,更多相關div設置contentEditable=true內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!