最近在做一評(píng)論功能，需要能夠評(píng)論表情，那 contentEditable 這個(gè)屬性就首當(dāng)其沖了，結(jié)果，問題來了…

首先 評(píng)論區(qū) 長(zhǎng)這樣：

當(dāng)輸入內(nèi)容超過限制的時(shí)候，清空用戶輸入超過限制后的內(nèi)容。
 

這個(gè)好說… 但是清空完了內(nèi)容，光標(biāo)居然跑到了最前面，這就很頭疼了。

在經(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對(duì)象。

到此這篇關(guān)于解決當(dāng)div設(shè)置contentEditable=true時(shí),重置其內(nèi)容后無(wú)法光標(biāo)正確定位。的文章就介紹到這了,更多相關(guān)div設(shè)置contentEditable=true內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論