<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>
分享到:
相关推荐
本文将深入探讨`document.execCommand()`的使用方法、适用场景以及相关知识点。 一、基本概念 `document.execCommand()`是浏览器提供的一个全局方法,用于执行一系列富文本编辑命令。这些命令涵盖了从简单的文本...
以下是一个例子: ```javascript function cutText(text) { copyText(text); // 如果有选区,清空选区 if (window.getSelection) { window.getSelection().removeAllRanges(); } } ``` 3. **兼容性处理**...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画...同时,通过这个例子,也可以深入理解jQuery和JavaScript如何协同工作,以及如何利用`document.execCommand()`来操作剪贴板。
总之,通过结合使用`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...
在这个例子中,`url`参数是新窗口的地址,`newWindow.document.write()`用于在新窗口中写入一个包含选中文本的textarea。当然,实际应用中,你可能还需要处理更多细节,比如样式设置、错误处理以及符合隐私政策的...
标题提到的"实现复制页面文字自动添加本页网址的例子"就是一个典型的增强用户交互功能的例子。这种功能常见于新闻网站、博客平台或者任何希望当用户复制内容时,能够方便地追踪到原文来源的网页。以下是对这个功能的...
在网页上,光标通常是指用户在文本输入区域看到的闪烁的小竖线,它表示了用户输入文字的位置。当用户点击或按下键盘时,光标会移动到点击的位置或按照键盘输入的方向移动。 在JavaScript中,获取当前的光标位置主要...
以下是一个简单的JavaScript实现关键字高亮的代码示例,以及相关的知识点解释。 ```javascript // 定义关键字列表,每个元素包含关键字、URL(可选)和高亮颜色 var keys = [ ['脚本', 'https://.jb51.net', '#ff...
在Internet Explorer 9及以下版本中,浏览器使用`document.selection`对象来处理文本选择,而其他现代浏览器如Chrome、Firefox、Safari和Opera则采用`window.getSelection()`方法。 1. **获取选中的文字**: - 在...
然而,Internet Explorer(IE)浏览器不支持`window.getSelection()`,而是使用`document.selection`对象。对于IE,我们可以调用`document.selection.empty()`来清空选择的内容: ```javascript if (!(...
以下是一个简单的例子: ```html <div contenteditable="true" id="divTest"></div> ``` 在这样的div中插入内容时,我们需要处理的关键点是如何定位并改变光标位置。光标位置的处理主要包括两个步骤: 1. **获取...
IE浏览器使用的是其特有的`document.selection`对象,而其他浏览器通常遵循W3C的标准,使用`window.getSelection()`方法。 在IE中,可以使用`document.selection.createRange()`创建一个文本范围对象,然后使用`...
if (document.selection && document.selection.createRange) { var myRange = document.selection.createRange(); myRange.pasteHTML('<iframe width="100" height="100" src="http://localhost/t2....
下面是一个实际应用的例子,通过jQuery库的`$(document).ready()`方法来确保文档完全加载后再绑定事件。代码中通过`.contenttext`选择器选中了页面上的一个指定区域,当用户在该区域松开鼠标键时,会触发`mouseup`...
对于更复杂的文本选择,`document.createRange()`方法可以创建一个范围对象,然后使用`window.getSelection().addRange(range)`来选择元素内的文本。然而,这个方法在Internet Explorer和Edge浏览器中并不支持,所以...
从给定的信息来看,本文档主要探讨了一个虚构的故事与JavaScript关键字高亮代码的实际应用相结合的例子。虽然故事本身并不直接关联到具体的IT技术细节,但从文档的部分内容可以看出,它涉及到了HTML与JavaScript的...
在这个例子中,`#customMenu` 是我们预先创建的自定义菜单元素,可能包含多个子元素,代表不同的菜单项。通过调整 `top` 和 `left` 属性,我们可以使菜单出现在鼠标点击的位置。 为了实现“效果很绚丽”的右键菜单...
在这个例子中,`<div id="selectedArticle">` 包含了几段文字。 接下来,我们需要引入jQuery库。在这个案例中,使用的是`jquery-1.7.2.min.js`,确保这个文件在HTML文件的`<head>`部分引用。 ```html ...
本文将详细介绍如何使用JavaScript脚本来复制网页上的一个表格,并探讨涉及的相关技术。 首先,我们来看一个基本的HTML表格结构: ```html 测试表格 测试表格 测试表格 测试表格 ``` 要实现...