js中,为可编辑div添加表情后如何光标移至最后

JavaScript021

js中,为可编辑div添加表情后如何光标移至最后,第1张

会经常遇到选择后可编辑div中的光标不见了,或者显示的位置不对,现在总结下:

function set_focus()

{

el=document.getElementById('guestbook_editor')

//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)

}

}

调用此方法,可以将光标放在可编辑div的最后。

首先用选择器获取到div对象

然后就可以重新编写div内容

了,如果里面只有汉字,你可

以直接把内容写成空字符串。

如果里面还有其他节点元素,

同样要获取到元素对象,然后

就可以对他进行操作了