富文本编辑器中的一些问题

来源：互联网发布：混血哥知乎编辑：程序博客网时间：2024/05/22 03:38

Div contenteditable = true 光标

function po_Last_Div(obj) {

if (window.getSelection) {//ie11 10 9 ff safari

obj.focus(); //解决ff不获取焦点无法定位问题

var range = window.getSelection();//创建range

range.selectAllChildren(obj);//range选择obj下所有子内容

range.collapseToEnd();//光标移至最后

} else if (document.selection) {

//ie10 9 8 7 6 5

var range = document.selection.createRange();//创建选择对象

//var range = document.body.createTextRange();

range.moveToElementText(obj);//range定位到obj

range.collapse(false);//光标移至最后

range.select();

}

获取到选择的文本

<!DOCTYPE html>

<html>

<body>

分享到新浪微博功能实现之截图是不小贺啊小贺

http://netsos.cnblogs.com/

分享到新浪微博啊分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博

var funcGetSelectText = function(){

var txt = '';

if(document.selection){

txt = document.selection.createRange().text;//ie

}else{

txt = document.getSelection();

}

return txt.toString();

}

var container = container || document;

container.onmouseup = function(){

var txt = funcGetSelectText();

if(txt)

{

alert(txt);

}

</script>

</body>

</html>

Div 设置为富文本以后，会有拖动效果，这个是浏览器默认行为，但是对富文本来说，拖动会产生很多预料不到的行为。所以要禁止拖动

contentEditable="true" ondragstart="return false"

阅读全文

0 0