`

document.selection.createRange方法----获取选择对象文本

    博客分类:
  • JS
 
阅读更多

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

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

 

实例一:

<from>

<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>


 http://www.jb51.net/article/2835.htm

分享到:
评论

相关推荐

    document.selection.createRange方法与实例

    哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步,我们才能赚大钱! [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这个不错   就是现在文本域里有一段文字,当你选种其中几个字后点击一个...

    javascript获取选中的文本的方法代码.docx

    这段代码首先检查浏览器环境,如果是IE浏览器,则使用`document.selection`和`createRange`方法来获取选中文本;对于其他现代浏览器,则使用`window.getSelection()`方法。注意,在获取文本后,我们还进行了简单的...

    新手教程——jspdocument对象详细描述.pdf

    - `document.selection`:在某些浏览器中,这个对象允许获取和操作用户在文档中选定的文本,例如`document.selection.createRange()`用于创建一个选区,`document.selection.empty()`用于清除选区。 了解并熟练...

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

    对于IE8及以下版本,它利用`document.selection`和`TextRange`对象来获取光标位置。 **获取选中起始位置和终止位置**: ```javascript function getSelectionRange(input) { if (input.selectionStart !== ...

    vb6_Webbrowser控件使用技巧

    - 通过`WebBrowser1.Document.parentWindow`获取当前文档的父窗口对象。 - 使用`navigator`属性获取浏览器的信息对象。 - 通过`oNav.userAgent`获取并打印浏览器的用户代理字符串(即用户代理标识符,用来表示...

    在textarea光标处插入文本

    - 使用`document.selection.createRange()`创建一个选区对象。 - 通过`sel.text = myValue`在选区中插入指定的文本。 - 最后调用`sel.select()`重新选中插入后的文本。 ##### 3. Mozilla/Netscape支持 对于非IE...

    通过javascript在光标处插入文本

    而IE浏览器则需要使用`document.selection`对象来获取光标位置。 在我们的示例代码中,我们使用了以下代码来获取光标位置: ```javascript function savePos(textBox){ if(typeof(textBox.selectionStart) == ...

    javascript 常用的属性与方法

    9. **selection对象**:`document.selection`在旧版的IE浏览器中用于处理文本选择。在现代浏览器中,通常使用`window.getSelection()`来获取用户选取的文本。示例中的`Foo()`函数展示了如何获取当前选中的文本。 ...

    JavaScript 获得选中文本内容的方法

    JavaScript中的`window.getSelection()`和`document.selection.createRange().text`是获取选中文本内容的关键方法,通过适配不同浏览器的API,我们可以编写出兼容各种环境的代码,从而实现跨浏览器的文本选择功能。...

    TextRange对象和selection对象实例

    `Selection`对象提供了对当前页面中选定内容的操作方法,主要包括创建`TextRange`对象、清除选定内容、获取选定内容类型等。 ##### 2.1 获取当前选定内容类型 - **属性**:`type` - **描述**:返回选定内容的类型...

    JS实现兼容各种浏览器的获取选择文本的方法【测试可用】

    本文将深入探讨如何使用JavaScript实现一个兼容各种浏览器的获取选择文本的方法。 首先,我们要知道在不同的浏览器中,获取用户选择文本的方式有所不同。在IE浏览器中,我们可以使用`document.selection`对象,而在...

    ie7/ie8获取上传文件的绝对路径源代码

    然而,对于那些仍然需要支持这些旧浏览器的开发者来说,有一种巧妙的方法可以绕过这一限制,即通过利用IE特有的`document.selection`和`createRange()`方法来间接获取文件的绝对路径。这种方法依赖于一个事实:当...

    JavaScript获取文本框内选中文本的方法

    本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。 需要注意ie的问题。 代码如下: 代码...

    js 获取选中文字

    在JavaScript中,`window.getSelection()`方法用于获取当前用户在页面上选择的文本。这个方法返回一个`Selection`对象,它包含了用户选择的所有信息。`Selection`对象有几个重要的属性和方法,如`anchorNode`、`...

    js 中的selection对象使用笔记+光标定位

    在JavaScript中,`Selection`对象是一个非常重要的工具,它允许我们获取或操作用户在文档中当前选择的文本。这篇博客文章“js中的selection对象使用笔记+光标定位”深入探讨了如何利用`Selection`对象来处理文本选择...

    JS、Flash 实现复制功能 (浏览器兼容)

    这段代码首先获取要复制的文本元素,然后创建一个选择范围并执行复制命令。需要注意的是,`execCommand`方法已经在某些现代浏览器中被弃用,因此可能在未来不再支持。 ### Flash实现复制 Flash是一种矢量图形和...

    javascript获取选中的文本的方法代码

    IE浏览器通过`document.selection`对象提供的`createRange()`方法可以获取到用户选中的文本,而W3C标准的浏览器则使用`window.getSelection()`方法来获取。`window.getSelection()`返回一个`Selection`对象,调用`...

    js 获取光标在文本框中的位置

    但是,对于光标位置,这种方法并不直接适用,因为光标没有选择任何文本。 3. **聚焦元素与range对象**: 当文本框被聚焦时,我们可以使用`document.activeElement`获取当前活动的元素,通常是用户正在交互的文本...

    光标处插入,兼容IE6,IE7,FF等,适用于编辑器,浏览插入表情

    如果`window.getSelection`不存在,那么它会回退到IE的`document.selection`方法。 Firefox(FF)和其他基于Gecko内核的浏览器使用`window.getSelection()`和`Range`对象来处理光标操作。在FF中,`window....

Global site tag (gtag.js) - Google Analytics