1. 程式人生 > >可編輯div 插入表情後,游標定位在文字末尾

可編輯div 插入表情後,游標定位在文字末尾

將可編輯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
); } }

呼叫此方法,可以使游標始終定位在文字末尾
游標在文字末尾