[點(diǎn)晴永久免費(fèi)OA]JS中為可編輯div添加表情后如何光標(biāo)移至最后
最近做了一個(gè)可以回復(fù)留言的頁(yè)面,主要包括:@、表情功能,一開(kāi)始使用的是文本域textarea,最后發(fā)現(xiàn)這樣無(wú)法顯示表情,后來(lái)改成可編輯div,在div中添加contenteditable="true",則該div即可編輯。 <div contenteditable="true"></div> 在選擇表情或者選擇@某人后,會(huì)經(jīng)常遇到選擇后可編輯div中的光標(biāo)不見(jiàn)了,或者顯示的位置不對(duì),于是在網(wǎng)上找了些方法,現(xiàn)在總結(jié)下: function set_focus() { el=document.getElementById(''guestbook_editor''); //el=el[0]; //jquery 對(duì)象轉(zhuǎn)dom對(duì)象 el.focus(); if(el.selectionStart) //判斷是否IE { var range = document.selection.createRange(); this.last = range; range.moveToElementText(el); range.select(); document.selection.empty(); //取消選中 } else { var range = document.createRange(); range.selectNodeContents(el); range.collapse(false); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); } } 該文章在 2020/3/10 12:33:08 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... |