富文字編輯器中的一些問題
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>
<head></head>
<body>
分享到新浪微博功能實現之截圖 是不小賀啊小賀
http://netsos.cnblogs.com/
分享到新浪微博啊分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博
<script>
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"