這篇文章主要介紹了解決當div設(shè)置contentEditable=true時,重置其內(nèi)容后無法光標正確定位。文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
最近在做一評論功能，需要能夠評論表情，那 contentEditable 這個屬性就首當其沖了，結(jié)果，問題來了…
首先 評論區(qū) 長這樣：
當輸入內(nèi)容超過限制的時候，清空用戶輸入超過限制后的內(nèi)容。
這個好說… 但是清空完了內(nèi)容，光標居然跑到了最前面，這就很頭疼了。
在經(jīng)過各種搜索之后，找到了解決辦法，不多說，上代碼！
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對象。
到此這篇關(guān)于解決當div設(shè)置contentEditable=true時,重置其內(nèi)容后無法光標正確定位。的文章就介紹到這了,更多相關(guān)div設(shè)置contentEditable=true內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
來源：腳本之家
鏈接：https://www.jb51.net/web/748579.html
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
