可編輯div 插入表情後,游標定位在文字末尾
阿新 • • 發佈:2019-02-04
將可編輯div作為聊天輸入框,插入表情時,游標始終在表情前面,於是在網上找了一些程式碼,現總結如下:
<div id="message_text" contenteditable="true"></div>
可編輯div
function Focus() {
// 始終聚焦在文字末尾
el=document.getElementById('message_text');
//el=el[0]; //jquery 物件轉dom物件
el.focus();
if($.support.msie){
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 );
}
}
呼叫此方法,可以使游標始終定位在文字末尾