最近接触了一些Web开发技术,现归纳一下所学到的知识,将其整理到博客上。如有疏漏及不正确的观点,还请多多指教。
背景:
有些情况下,我们需要获取到用户在页面上选定的文本内容,比如在线的HTML编辑器,用户在更改文本字体时会先选中文本然后点击更改字体选项,此时就需要获取用户的选中信息来实现这个功能。
实现方法
利用selection对象来获取表示当前网页中的选中内容。
实例解析
我们用一个简单的例子来说明,该例子获取用户选定的文本并用alert输出,下面给出核心JS代码。
<script>
function GetSelection () {
if (document.selection) {
text=document.selection.createRange().text;
//createRange()根据文字选择返回TextRange对象,根据控件选择返回ControlRange 对象,通过利用返回对象的方法,可以实现更多功能,本次仅获取选中文本。
} else{
text=document.getSelection();
}
return text.toString();
}
$("#testArea").onmouseup(function(){
var txt = "";
txt = GetSelection();
alert(txt);
})
</script>
注意:document.selection仅被IE所支持。