`

document.getSelection相关的小例子

    博客分类:
  • js
阅读更多

<script>
function getSel()
{
var txt="";
var foundIn="";
if(window.getSelection)
 {
txt=window.getSelection();
foundIn='window.getSelection()';
  }
  else if(document.getSelection)
  {
  txt=document.getSelection();
  foundIn='document.getSelection()';
  } else if(document.selection)
  {
  //txt=document.selection.createRange().text;//代码可以捕获到选中的网页中的纯文//本内容(不含HTML标签)
  txt=document.selection.createRange().htmlText//HTML标签
  foundIn='document.selection.createRange()';
  }
  else
  return;
  document.forms[0].selectedtext.value='Found in: ' + foundIn + '\n' + txt;

}
</script>
<form>
<textarea name="selectedtext" rows="5" cols="50" >
</textarea><br>
<input type="button" value="GetSelection" onmousedown="getSel()">
</form>

 

 

分享到:
评论
1 楼 tomliguocai 2011-03-17  
代码报错误

相关推荐

    document.execCommand()解析

    本文将深入探讨`document.execCommand()`的使用方法、适用场景以及相关知识点。 一、基本概念 `document.execCommand()`是浏览器提供的一个全局方法,用于执行一系列富文本编辑命令。这些命令涵盖了从简单的文本...

    js文本复制与剪切.rar_js文本复制与剪切

    以下是一个例子: ```javascript function cutText(text) { copyText(text); // 如果有选区,清空选区 if (window.getSelection) { window.getSelection().removeAllRanges(); } } ``` 3. **兼容性处理**...

    jquery一键复制.zip

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...同时,通过这个例子,也可以深入理解jQuery和JavaScript如何协同工作,以及如何利用`document.execCommand()`来操作剪贴板。

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

    总之,通过结合使用`window.getSelection()`和`document.selection.createRange().text`,我们可以编写出一个跨浏览器的JavaScript函数,获取用户在网页上选中的文本内容。这对于实现类似“百度搜藏”和“QQ书签”的...

    复制粘贴功能,简单实用

    以下是一个简单的例子: ```javascript async function copyToClipboard(text) { try { await navigator.clipboard.writeText(text); alert('内容已复制'); } catch (err) { console.error('复制失败:', err...

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

    在这个例子中,`url`参数是新窗口的地址,`newWindow.document.write()`用于在新窗口中写入一个包含选中文本的textarea。当然,实际应用中,你可能还需要处理更多细节,比如样式设置、错误处理以及符合隐私政策的...

    实现复制页面文字自动添加本页网址的例子。

    标题提到的"实现复制页面文字自动添加本页网址的例子"就是一个典型的增强用户交互功能的例子。这种功能常见于新闻网站、博客平台或者任何希望当用户复制内容时,能够方便地追踪到原文来源的网页。以下是对这个功能的...

    javascript 在光标处插入指定内容

    在网页上,光标通常是指用户在文本输入区域看到的闪烁的小竖线,它表示了用户输入文字的位置。当用户点击或按下键盘时,光标会移动到点击的位置或按照键盘输入的方向移动。 在JavaScript中,获取当前的光标位置主要...

    javascript网页关键字高亮代码.docx

    以下是一个简单的JavaScript实现关键字高亮的代码示例,以及相关的知识点解释。 ```javascript // 定义关键字列表,每个元素包含关键字、URL(可选)和高亮颜色 var keys = [ ['脚本', 'https://.jb51.net', '#ff...

    javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】

    在Internet Explorer 9及以下版本中,浏览器使用`document.selection`对象来处理文本选择,而其他现代浏览器如Chrome、Firefox、Safari和Opera则采用`window.getSelection()`方法。 1. **获取选中的文字**: - 在...

    JS清除选择内容的方法

    然而,Internet Explorer(IE)浏览器不支持`window.getSelection()`,而是使用`document.selection`对象。对于IE,我们可以调用`document.selection.empty()`来清空选择的内容: ```javascript if (!(...

    JS在可编辑的div中的光标位置插入内容的方法

    以下是一个简单的例子: ```html &lt;div contenteditable="true" id="divTest"&gt;&lt;/div&gt; ``` 在这样的div中插入内容时,我们需要处理的关键点是如何定位并改变光标位置。光标位置的处理主要包括两个步骤: 1. **获取...

    textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)

    IE浏览器使用的是其特有的`document.selection`对象,而其他浏览器通常遵循W3C的标准,使用`window.getSelection()`方法。 在IE中,可以使用`document.selection.createRange()`创建一个文本范围对象,然后使用`...

    JS实现pasteHTML兼容ie,firefox,chrome的方法

    if (document.selection && document.selection.createRange) { var myRange = document.selection.createRange(); myRange.pasteHTML('&lt;iframe width="100" height="100" src="http://localhost/t2....

    JavaScript获取页面上被选中文字的方法技巧

    下面是一个实际应用的例子,通过jQuery库的`$(document).ready()`方法来确保文档完全加载后再绑定事件。代码中通过`.contenttext`选择器选中了页面上的一个指定区域,当用户在该区域松开鼠标键时,会触发`mouseup`...

    20行JS代码实现粘贴板复制功能

    对于更复杂的文本选择,`document.createRange()`方法可以创建一个范围对象,然后使用`window.getSelection().addRange(range)`来选择元素内的文本。然而,这个方法在Internet Explorer和Edge浏览器中并不支持,所以...

    javascript关键字高亮代码

    从给定的信息来看,本文档主要探讨了一个虚构的故事与JavaScript关键字高亮代码的实际应用相结合的例子。虽然故事本身并不直接关联到具体的IT技术细节,但从文档的部分内容可以看出,它涉及到了HTML与JavaScript的...

    JS鼠标右键菜单

    在这个例子中,`#customMenu` 是我们预先创建的自定义菜单元素,可能包含多个子元素,代表不同的菜单项。通过调整 `top` 和 `left` 属性,我们可以使菜单出现在鼠标点击的位置。 为了实现“效果很绚丽”的右键菜单...

    jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】

    在这个例子中,`&lt;div id="selectedArticle"&gt;` 包含了几段文字。 接下来,我们需要引入jQuery库。在这个案例中,使用的是`jquery-1.7.2.min.js`,确保这个文件在HTML文件的`&lt;head&gt;`部分引用。 ```html ...

    通过JavaScript脚本复制网页上的一个表格

    本文将详细介绍如何使用JavaScript脚本来复制网页上的一个表格,并探讨涉及的相关技术。 首先,我们来看一个基本的HTML表格结构: ```html 测试表格 测试表格 测试表格 测试表格 ``` 要实现...

Global site tag (gtag.js) - Google Analytics