document.selection.createRange() 方法根据当前选择文字返回 TextRange 对象，或根据选择控件返回 ControlRange 对象。
配合 execCommand，在 HTML 编辑器中可以完成很多事情，比如文字加粗、斜体、复制、粘贴、创建超链接等。
实例一：
<textarea cols=50 rows=15>
测试内容！</textarea>
<input type=button value=选择字后点击我看看 onclick=alert(document.selection.createRange().text)>
实例二：
<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>
分享到：
相关推荐
Winsocket入门教程二：非阻塞式服务器和客户端程序(TCP)HYPERLINK"JavaScript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void...
最近在做一个程序正好需要用到此方面，在网上找到... var workRange=document.selection.createRange(); obj.select(); var allRange=document.selection.createRange(); workRange.setEndPoint(“StartToStart”,allR
本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下： 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。 需要注意ie的问题。 代码如下： 代码...
class=”javascript”>/** *往输入域中插入字符串(光标所在位置) *@param $t document.getElementById(‘fieldId’) *@param myValue 要插入的值 ** function addSplitToField($t,myValue){ if (document.selection)...
本文实例讲述了javascript实现textarea中tab键的缩排处理方法。... 代码如下:sel =event.srcElement.document.selection.createRange() 这一句会发生错误： ncaught exception TypeError: Cannot rea
例如：一个文本框里有一段文字...[removed] function setCaret(textObj){ if(textObj.createTextRange){ textObj.caretPos=document.selection.createRange().duplicate(); } } function insertAtCaret(textObj,
获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能 关闭该功能 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);...
先看看效果图吧： 机会难得，有点技术亮点，就一下子投入到功能开发... logoimg = document.selection.createRange().text; //由于是采用滤镜的方式，所以要把图片设置为不可见，在图片外层的DIV上面设置滤镜效果 $(
具体代码如下： 代码如下: <... <head> <title>get file input full path</title>... return document.selection.createRange().text; } //firefox else if(window.navigator.userAge
有如下实现方法： 在Firefox, Google Chrome, Safari, Opera中：可以用 window.getSelection() （参考MDC） 在IE下，可以用 document.selection.createRange().text （参考MSDN） 注：将两者放在一起的代码： 代码...
有如下实现方法： 在Firefox, Google Chrome, Safari, Opera中：可以用 window.getSelection() （参考MDC） 在IE下，可以用 document.selection.createRange().text （参考MSDN） 注：将两者放在一起的代码： 代码...
一. 获取光标位置： // 获取光标位置 ... var selectRange = document.selection.createRange(); selectRange.moveStart ('character', -textDom.value.length); cursorPos = selectRange.text.length;
正确的方法是正确运用Selection对象和Range对象，实现在光标当前位置插入文本或结点。...var sel = win.document.selection; //IE var sel = win.getSelection(); //DOM var range = sel.createRange(); // IE下 va
< type="text/javascript">function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('...
const range = document.createRange(); range.selectNode(element); // 设定range包含的节点对象 /* 窗口的selection对象，表示用户选择的文本 */ const selection = window.getSelection(); if(selection....
// Iterate over all TextNodes and BR elements within the Range selection let iterator = RangeIterator ( range , NodeFilter . SHOW_ALL , function ( node ) { return node . nodeType === Node . TEXT_NODE...