摘抄自网络 document.selection

最新推荐文章于 2023-11-09 15:09:19 发布

soft_xiaohui

最新推荐文章于 2023-11-09 15:09:19 发布

阅读量93

点赞数

分类专栏： css dhtml js基础文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/soft_xiaohui/article/details/84458046

版权

js基础同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

css dhtml

7 篇文章 0 订阅

订阅专栏

document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。

配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。

实例一：

<textarea cols=50 rows=15>
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！</textarea>
<input type=button value=选择字后点击我看看 οnclick=alert(document.selection.createRange().text)>
</form>

实例二：

<body>
<textarea name="textfield" cols="50" rows="6">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>
<input type="button" value="showSelection" οnclick="alert(document.selection.createRange().text)">
<input type="button" value="showclear" οnclick="alert(document.selection.clear().text)">
<input type="button" value="showtype" οnclick="alert(document.selection.type)">
<textarea name="textfield" cols="50" rows="6" οnselect="alert(document.selection.createRange().text)">就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字
哪位老大能解决的呀?请多多帮忙!!!谢谢
</textarea>

</body>

实例三：选中Input中的文本

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<input type='text' id='test' name='test'><input type=button οnclick='test2()' value='test' name='test3'>
对textarea中的内容，进行选中后，加效果
<script language="JavaScript">

</script>
<input type="button" value="加粗" οnclick="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 οnmοuseup="getSel()">
<form>
<textarea name="selectedtext" rows="5" cols="50"></textarea>
</form>
以上的代码可以捕获到选中的网页中的纯文本内容(不含HTML标签)
如果想获得包含html的内容，将document.selection.createRange().text改成document.selection.createRange().htmlText
</body>
</html>

地址：

http://www.blogjava.net/hill/archive/2009/05/31/279198.html

soft_xiaohui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
摘抄自网络 document.selection

document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。实例一：&lt;textarea cols=50 rows=15&gt;哈哈。我们都是新生来得。大家都来相...
复制链接

扫一扫