當(dāng)div設(shè)置contentEditable=true時(shí),重置其內(nèi)容后無(wú)法光標(biāo)定位

最近在做一評(píng)論功能,需要能夠評(píng)論表情,那 contentEditable
這個(gè)屬性就首當(dāng)其沖了,結(jié)果,問(wèn)題來(lái)了…
首先 評(píng)論區(qū) 長(zhǎng)這樣:
當(dāng)輸入內(nèi)容超過(guò)限制的時(shí)候,清空用戶輸入超過(guò)限制后的內(nèi)容。
這個(gè)好說(shuō)… 但是清空完了內(nèi)容,光標(biāo)居然跑到了最前面,這就很頭疼了。
在經(jīng)過(guò)各種搜索之后,找到了解決辦法,不多說(shuō),上代碼!
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)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
contenteditable元素的placeholder輸入提示語(yǔ)設(shè)置方法
這篇文章主要介紹了contenteditable元素的placeholder輸入提示語(yǔ)設(shè)置方法,需要的朋友可以參考下2017-10-10使用HTML5中的contentEditable來(lái)將多行文本自動(dòng)增高
這篇文章主要介紹了使用HTML5中的contentEditable來(lái)將文本自動(dòng)增高的方法,文章先對(duì)contentEditable這個(gè)HTML5中的新屬性作了一個(gè)簡(jiǎn)單介紹,需要的朋友可以參考下2016-03-01設(shè)置contenteditable屬性可編輯HTML標(biāo)簽的內(nèi)容(可代替textarea)
有些Weber可能沒(méi)有用過(guò)contenteditable這個(gè)屬性,如果想編輯一個(gè)DIV里面的內(nèi)容,這個(gè)屬性是一個(gè)非常不錯(cuò)的選擇2014-06-11