IE：document.selection FireFox：window.getSelection() document.selection只有IE支持，window.getSelection()也只有FireFox和 Safari支持，都不是标准语法。
selection 对象
--------------------------------------------------------------------------------
代表了当前激活选中区，即高亮文本块，和/或文档中用户可执行某些操作的其它元素。
selection 对象的典型用途是作为用户的输入，以便识别正在对文档的哪一部分正在处理，或者作为某一操作的结果输出给用户。
用户和脚本都可以创建选中区。用户创建选中区的办法是拖曳文档的一部分。脚本创建选中区的办法是在文本区域或类似对象上调用 select 方法。要获取当前选中区，请对 document 对象应用 selection 关键字。要对选中区执行操作，请先用 createRange 方法从选中区创建一个文本区域对象。
一个文档同一时间只能有一个选中区。选中区的类型决定了其中为空或者包含文本和/或元素块。尽管空的选中区不包含任何内容，你仍然可以用它作为文档中的位置标志。
一个简单的例子
<html><head><title>document.selection.createRange例子</title></head><body>
<div>请选中这里的部分文字。</div><div><input type="button" value="加粗" onclick="javascript :Bold();" /></div>
<script language="javascript">
function Bold(){
var bo = document.selection.createRange();
bo.execCommand("Bold");
}</script>
</body></html>
document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。
配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。
实例一：
<textarea cols=50 rows=15>
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！</textarea>
<input type=button value=选择字后点击我看看 onclick=alert(document.selection.createRange().text)>
</form>
实例二：
<body>
<textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>
<input type="button" value="showSelection" onclick="alert(document.selection.createRange().text)">
<input type="button" value="showclear" onclick="alert(document.selection.clear().text)">
<input type="button" value="showtype" onclick="alert(document.selection.type)">
<textarea name="textfield" cols="50" rows="6" onselect="alert(document.selection.createRange().text)">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>
</body>
实例三：选中Input中的文本
<SCRIPT LANGUAGE="JavaScript">
<!--
function test2()
{
var t=document.getElementById("test")
var o=t.createTextRange()
alert(o.text)
o.moveStart("character",2)
alert(o.text)
o.select()
}
//-->
</SCRIPT>
<input type='text' id='test' name='test'><input type=button onclick='test2()' value='test' name='test3'>
对textarea中的内容，进行选中后，加效果
<script language="JavaScript">
<!--
function bold(){
Qr=document.selection.createRange().text;
if(!Qr || document.selection.createRange().parentElement().name!='description')
{
txt=prompt('Text to be made BOLD.','');
if(txt!=null && txt!='') document.form1.description.value+=''+txt+'';
}
else{
document.selection.createRange().text=''+document.selection.createRange().text+'';
document.selection.empty();
}
}
//-->
</script>
<input type="button" value="加粗" onclick="bold();" />
<textarea name="description" style="width: 436px; height: 296px">选中我，点击加粗</textarea>
实例四：javascript捕获到选中的网页中的纯文本内容
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标取词</title>
<script>
function getSel()
{
var t=window.getSelection?window.getSelection():(document.getSelection?document.getSelection():(document.selection?document.selection.createRange().text:""))
document.forms[0].selectedtext.value = t;
}
</script></head>
<body onmouseup="getSel()">
<form>
<textarea name="selectedtext" rows="5" cols="50"></textarea>
</form>
以上的代码可以捕获到选中的网页中的纯文本内容(不含HTML标签)
如果想获得包含html的内容，将document.selection.createRange().text改成document.selection.createRange().htmlText
</body>
</html>
分享到：
相关推荐
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这个不错 就是现在文本域里有一段文字，当你选种其中几个字后点击一个...
var t=document.selection.createRange().text; var s="标题：$subject 文章来自【{$db_bbsname}】 地址:{$db_bbsurl},原文地址:{$db_bbsurl}/read.php?tid=$tid"; window.clipboardData.setData('Text', t '\\r...
body onmouseup=”document.selection.empty()” oncontextmenu=”return false” onmousemove=”document.selection.empty()” oncopy=”document.selection.empty()” onselect=”document.selection.empty()”>...
Multi-Rail Scope and Requirements Document ....................................................................1 Acronym Table.............................................................................
禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return ...
代码如下: ”code” class=”javascript”>/** *往输入域中插入字符串(光标所在位置) *@param $t document.... sel = document.selection.createRange(); sel.text = myValue; $t.focus(); }else if($t.sel
代码如下: (function($){ ... sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == ‘0’) { var startPos = $t.selectionStart; var e
最近在做一个程序正好需要用到此方面，在网上找到... var workRange=document.selection.createRange(); obj.select(); var allRange=document.selection.createRange(); workRange.setEndPoint(“StartToStart”,allR
本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下： 这里的代码可以用来获取用户通过鼠标在文本输入框或者... var sel = document.selection.createRange(); if (sel.
核心代码: 代码如下: (function($){ $.fn.extend({ “insert”:function(value){ //默认参数 ... //输入元素textara获取焦点 var fus = document.selection.createRange();//获取光标位置 fus.text = value.text; /
上传文件时,选择了文件后想清空文件路径，搜索了一下，用两种方法解决 代码... document.selection.clear(); 第二种： 代码如下: var obj = document.getElementById(‘fileupload’) ; obj.outerHTML=obj.outerHTML;
本文实例讲述了jQuery实现在textarea指定位置插入字符或表情的方法。分享给大家供大家参考。具体实现方法如下： 1. 函数定义 复制代码 代码如下:(function($){ ... sel = document.selection.cre
document.selection.clear(); } }else{ alert("error"); } } } //打开连接，true表示异步提交 xmlhttp.open("post", "ajax_txt_save.asp", true); //当方法为post时需要如下设置http头 xmlhttp....
(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(saveit=window.open('http://wz.csdn.net/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.locatio
代码如下: [removed] function doit(){ newT=document.selection.createRange() clipboardData.setData(“Text”,newT.text) if(clipboardData.getData(“Text”)!=null){ document.all.pp.value=clipboardData.get...
helloworld document selection jsp docunment for personal use only.Bla bla...
先定位到要分页的位置，再调用 ActiveWindow.Selection.InsertBreak(wdPageBreak) <br>分页 app.Selection.ParagraphFormat.Alignment=Word.WdParagraphAlignment.wdAlignParagraphCenter;//(对齐) ...
代码如下: /* 火狐下取本地全... return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf(“Firefox”)>=1) { if(obj.files) { //return obj.files.item(0).getAsDa
先看看效果图吧： 机会难得，有点技术亮点，就一下子投入到功能开发... logoimg = document.selection.createRange().text; //由于是采用滤镜的方式，所以要把图片设置为不可见，在图片外层的DIV上面设置滤镜效果 $(
例如：一个文本框里有一段文字...[removed] function setCaret(textObj){ if(textObj.createTextRange){ textObj.caretPos=document.selection.createRange().duplicate(); } } function insertAtCaret(textObj,