`

JS获取页面里鼠标选中的文字

    博客分类:
  • JS
 
阅读更多

效果图:

 

 

 

代码:

<html>
<head>
<title>无标题文档</title>
<mce:script type="text/javascript"><!--
function getWords(){
	var text;
	if(navigator.appName=="Microsoft Internet Explorer"){
		text=document.selection.createRange().text;
	}else{
		text=window.getSelection();
	}
	document.getElementById("txt").value=text;
}
// --></mce:script>
</head>
<body>
这是一段文字,其实有好长好长的,但为了简便我就复制一下吧。这是一段文字,其实有好长好长的,但为了简便我就复制一下吧。这是一段文字,其实有好长好长的,但为了简便我就复制一下吧。这是一段文字,<br/>其实有好长好长的,但为了简便我就复制一下吧。
<br/>
<br/>
选中上面的一段文字,点击<input type="button" value="获取" onclick="getWords()" />就能放到下面
<br/>
<textarea rows="15" id="txt" cols="100">
</body>
</html>

 

分享到:
评论

相关推荐

    js 获取选中文字

    在JavaScript中获取用户选中的文本是一项常见的需求,尤其在网页交互和富文本编辑器中。这篇博客(链接已提供)可能会详细讲解如何实现这一功能。本文将深入探讨这个主题,并结合示例代码来帮助理解。 首先,我们...

    JS获取鼠标选中的文字

    总的来说,通过JavaScript获取鼠标选中的文字是一个非常实用的技术点。开发者可以利用这个技术点来丰富网页的交互方式,提高用户体验。然而,开发者在使用这些技术时,需要考虑到不同浏览器之间的兼容性问题,并适当...

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

    总结来说,通过`window.getSelection()`和`toString()`方法,我们可以非常方便地获取页面上用户选中的文本,并且可以通过监听鼠标事件来捕捉用户选中文本的动作。这个技术可以用于很多实际的应用场景中,极大地丰富...

    网页选中文字实现弹出编辑框

    用户在网页上选中的文字,可以通过JavaScript获取。在JavaScript中,`window.getSelection()`或`document.getSelection()`方法可以获取到当前选中的文本。例如: ```javascript var selectedText = window....

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

    在JavaScript和jQuery的世界里,有时候我们需要获取用户在页面上选中的文本内容,这在很多应用场景中都很常见,比如搜索高亮、编辑器功能或者数据分析。本文将深入探讨如何使用这两种技术来实现这一功能。 首先,...

    js页面文字选中后分享到新浪微博实现

    用户在网页上选中文字时,浏览器不会自动触发特定的事件。因此,我们需要自己监听鼠标和键盘的行为来检测选中情况。这通常通过`getSelection()`或`document.selection`方法(IE浏览器)获取用户当前选中的文本。...

    当鼠标划过文本框,自动选中文本框中的内容

    ### 当鼠标划过文本框,自动选中文本框中的内容 #### 技术背景与应用场景 在网页设计和开发过程中,提升用户体验是一项重要的任务。其中一个常见的需求是:当用户将鼠标光标移动到一个文本框上时,文本框内的内容...

    js脚本,页面文字选择效果

    在网页开发中,JavaScript(简称JS)是一种必不可少的脚本语言,它被广泛用于实现页面交互和动态功能。本示例关注的是“js脚本,页面文字选择效果”,这是一个关于如何让用户在网页上选择和标记文本的技术。在网页中...

    pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_

    接下来,`pdf.js坐标点`是指PDF.js库提供的API,例如`page.getTextContent()`方法,用于获取页面上的文本内容及其布局信息。返回的对象包含一系列的`Item`,每个`Item`代表一行文本或者一个单独的字符,包含其几何...

    JS手动改变table的宽度

    在网页设计中,JavaScript(JS)是一种常用的客户端脚本语言,用于增强用户的交互体验和动态更新页面内容。本文将深入探讨如何使用JavaScript手动改变HTML表格(table)的宽度,并结合鼠标选中文字查询功能,为用户...

    页面选中文字分享到新浪微博

    标题“页面选中文字分享到新浪微博”涉及到的是一个网页应用的功能实现,允许用户在浏览网页时选择文字,然后一键分享到新浪微博这个社交媒体平台。这种功能常见于许多网站和浏览器扩展,便于用户快速分享感兴趣的...

    CSS3移动鼠标选中文本过滤特效.rar

    在CSS3中,移动鼠标选中文本过滤特效是一种高级的网页交互设计技术,它通过CSS3的特性使得用户在鼠标悬停或者选择文本时能够触发特定的视觉效果,提升用户体验和网页的互动性。这个“CSS3移动鼠标选中文本过滤特效....

    页面一载入光标定位到文本框,并选中其中文字

    在网页设计和开发中,有时候我们需要实现这样的功能:当页面加载完成后,自动将光标定位到特定的文本框,并选中文本框内的全部文字。这个功能常见于表单填写、搜索框或者任何需要用户快速输入的场景,可以提高用户...

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

    在网页开发过程中,有时候我们需要获取用户在页面上选中的文本内容,例如在富文本编辑器、文字处理工具或者交互式文档中。通过JavaScript,我们可以轻松实现这一功能。 #### 方法一:兼容IE与现代浏览器 ```...

    JavaScript模仿鼠标拖动选择功能

    在JavaScript编程中,实现鼠标拖动选择功能是一项常见的需求,特别是在网页交互设计中。这个功能可以让用户通过鼠标拖动来选取一个矩形区域内的元素,比如在文本编辑器中选择文字,或者在图像编辑工具中选取部分图像...

    jquery选中文字弹出分享按钮(仅限高版本浏览器

    标题中的“jquery选中文字弹出分享按钮(仅限高版本浏览器)”是一个基于jQuery实现的功能,主要用于提升用户体验,特别是对于那些希望通过社交媒体分享内容的用户。这个功能会在用户选中文本时,自动显示一个分享按钮...

    怎么把网页上不能复制的文字复制下来

    对于许多网页来说,它们之所以能够阻止用户复制文字,很大程度上是因为使用了JavaScript脚本来实现这一功能。禁用脚本是一种简单而有效的方法: 1. **禁用脚本步骤**: - 打开Internet Explorer浏览器。 - 进入...

    html5双击选中文字高亮显示.zip

    在这个"html5双击选中文字高亮显示.zip"文件中,我们关注的是一个基于HTML5的特定交互效果:当用户双击段落文字时,被选中的文字会以高亮的形式显示出来,同时可能伴随着遮罩层效果,为用户提供更直观的操作反馈。...

Global site tag (gtag.js) - Google Analytics