现在的位置: 首页 > 综合 > 正文

document.selection

2013年10月23日 ⁄ 综合 ⁄ 共 601字 ⁄ 字号 评论关闭
<div contentEditable id=div onkeydown="edit(this.innerHTML)">edit</div>
<div id=r ></div>
<input type="button" value="查看代码" onclick="alert(document.getElementById('div').innerHTML)">
<SCRIPT>
function edit(html)
{	
     if(event.keyCode==13){
     	var textRange=document.selection.createRange();//寻找高亮显示的地区
	   
      	textRange.text="\r\n";   //这个是window里面的回车表示
      	textRange.select();   //再选中本地区
      	event.returnValue=false;
    }
}

</SCRIPT>

document.selection.createRange好像是创建Range对象的其中一种方法,有些记不清了。但是这个是web富文本编辑的基础,也是很核心的一部分。

本段js主要解决对于可编辑div下enter键“越界”的问题。通过selection可以实现类似于新浪微博分享的功能。前一阵做了一个类似微博分享功能的网页纠错方法,感觉web的富文本应用真得很有意思,所以才学些了ueditor,加油!

过几天把纠错的js加上,现在还没有整理好

抱歉!评论已关闭.