`
yangguoklose
  • 浏览: 20622 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

document.selection.createRange方法

    博客分类:
  • JS
阅读更多

2009-04-01 10:55 5134人阅读 评论(2) 收藏 举报
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>
分享到:
评论

相关推荐

    document.selection.createRange方法与实例

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

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

    // 对于IE浏览器,使用document.selection和createRange方法 // 对于现代浏览器(如Firefox、Chrome等),使用window.getSelection() var selectText = (document.selection && document.selection.createRange) ...

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

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

    vb6_Webbrowser控件使用技巧

    Set o = WebBrowser1.Document.selection.createRange If Not o Is Nothing Then o.pasteHTML "哈哈" Set o = Nothing End If ``` 3. **方法3**:使用`execCommand`插入文本框 ```vb Dim o As Object Set...

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

    var r = document.selection.createRange(); if (r == null) { return 0; } var re = input.createTextRange(), rc = re.duplicate(); re.moveToBookmark(r.getBookmark()); rc.setEndPoint('EndToStart', ...

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

    在这个函数中,我们首先检查`window.getSelection`是否存在,如果存在则使用该方法,否则再检查`document.selection`和`document.selection.createRange`,这两个都存在时,才使用IE的实现方式。如果以上所有尝试都...

    javascript 常用的属性与方法

    tion Foo() {var sel = document.selection.createRange();alert(sel.text);}--&gt; 在JavaScript中,属性和方法是编程的核心元素,它们允许我们操作和控制网页的各个方面。本篇文章主要聚焦于JavaScript中的一些常用...

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

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

    文章复制带版权信息插件 for PHPwind 7.5.rar

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

    自动复制内容_微信浏览器自动复制内容_

    document.selection.createRange().selectNode(document.getElementById('yourElementId')); document.execCommand('copy'); } } ``` 在上面的代码中,`yourElementId`是你要复制内容的元素ID,函数会自动选中该...

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

    document.selection.createRange().selectNodeContents(textToCopy); document.selection.empty(); document.selection.createRange().execCommand('copy'); } } ``` 这段代码首先获取要复制的文本元素,然后...

    通过javascript在光标处插入文本

    var range = document.selection.createRange(); if(range.parentElement().id == textBox.id){ // ... } } } ``` 插入文本 现在,我们已经获取了光标位置,下一步就是插入文本。我们可以使用以下代码来插入...

    JS正确读取文件路径

    在 IE9 下,如果 file 控件获得焦点,则 document.selection.createRange() 将拒绝访问。这是因为 IE 浏览器的安全机制所致。因此,只需要在 file.select() 后面加一句 file.blur() 即可。 解决方法 然而,这样做...

    JS实现根据当前文字选择返回被选中的文字

    在不同的浏览器环境中,获取选中文本的方法略有不同,通常涉及到`window.getSelection()`、`document.selection`(IE特有)以及`range`对象等。 1. **`window.getSelection()`**:这是现代浏览器支持的标准方法,...

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

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

    Webbrowser控件详解

    Set o = WebBrowser1.Document.selection.createrange Debug.Print o If (Not o Is Nothing) Then o.pasteHTML "哈哈" Set o = Nothing End If 方法 3: '插入文本框 Dim o Set o = WebBrowser1.Document....

    Javascript selection的兼容性写法介绍

    document.selection对象通过createRange()方法来获取选中的文本范围,然后通过text属性获取选中文本的字符串。随着IE逐渐向标准靠拢,document.selection对象的支持也逐渐被弃用,但在一些老旧的IE版本中仍有使用。 ...

    JavaScript在ASP页面中实现掩码文本框效果代码

    最近在做一个程序正好需要用到此方面,在网上找到... var workRange=document.selection.createRange(); obj.select(); var allRange=document.selection.createRange(); workRange.setEndPoint(“StartToStart”,allR

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

    总之,通过JavaScript的`window.getSelection()`和`document.selection.createRange().text`方法,我们可以跨浏览器地获取用户选中的文本,结合`window.open()`,可以实现在新窗口中显示这些文本的功能。这对于创建...

Global site tag (gtag.js) - Google Analytics