`
ganglong99
  • 浏览: 161368 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

动态获取页面中选中的文本

IEJavaScriptXHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title>无标题 1</title>
</head>

<body>
<div style=" font-size:20px">
我需要在页面中增加一个js代码，当用户用鼠标选择文字（鼠标拖动涂蓝文字）时，会出现一个层，提示与这个选择文字有个的信息
</div>
<INPUT TYPE="text" NAME="" value="nihao">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<TEXTAREA id="show" NAME="show" ROWS="5" COLS="50"></TEXTAREA>
</body>
<script type="text/javascript">
    //这个我就不说了……
    function $(id)
    {
        return document.getElementById(id);
    }
    //当选区改变时，改变选区的属性
    document.onselectionchange=function(){
        $("show").value=document.selection.createRange().text;
    }; 
	document.onmouseup = function() {
		$("show").value=document.selection.createRange().text;
	}
</script>

</html>

 

      注意：仅支持IE

1
顶
0
踩
分享到：
| JS控制只能往输入框中输入数字
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    WebView 自定义长按选择，实现收藏 / 分享选中文本

    本文将深入探讨如何在WebView中实现自定义长按选择，以及选中文本的收藏和分享功能。 首先，我们需要了解WebView的基本用法。WebView继承自View类，它可以加载HTML、CSS、JavaScript等Web内容。通过调用`loadUrl()`...

    js获取页面文字的例子

    在JavaScript中，获取页面上的文字是一项常见的任务，它在网页交互、数据分析以及各种前端功能实现中扮演着重要角色。这个例子可能涉及到如何提取HTML元素中的文本内容，或者如何遍历DOM树来收集所有可见文本。下面...

    e语言-取选中文本易语言模块

    解压密码：www.sanye.cx 资源介绍：取选中文本易语言模块源码例程程序调用API函数取选中文本。点评：取选中文本易语言模块源码不通过剪贴板取选中文本，可取后台选中文本。资源作者：易语言源码资源界面：资源下载：

    C#中获取CheckBox选中值(多选)

    本文将深入探讨如何在C#中有效且简洁地获取多个CheckBox控件的选中值，这对于构建响应式和用户友好的应用程序至关重要。 ### 一、理解CheckBox控件 CheckBox控件是一种允许用户进行二元选择（即“是”或“否”，...

    Chrome插件，右键菜单转换选中文本为二维码

    4. **内容脚本**（content.js）：在用户选中文本的网页上运行，负责处理选中文本并将其转换为二维码。可以使用JavaScript库如`qrcode-generator`或`html2canvas`+`jsQR`来实现这个功能。 5. **事件监听与处理**：在...

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

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

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

    有时，开发者需要获取或操作文本框中的焦点光标位置、选中起始位置、终止位置以及选中的内容，这对于实现诸如高亮显示、文本编辑、格式化等功能至关重要。在本文中，我们将深入探讨这些概念，并提供兼容IE8的解决...

    vue结合html实时截取textarea文本

    这个简单的Vue与HTML结合的示例展示了如何在用户输入时实时获取textarea中的选中文本和光标位置。在实际项目中，你可以根据需求扩展这个功能，比如增加字符计数、格式检查或其他高级功能。通过Vue.js的强大功能和...

    jquery设置和获取HTML,文本和值

    在jQuery库中，设置和获取HTML、文本以及值是日常Web开发中常见的操作。这些功能使得开发者能够方便地处理DOM元素的内容，实现动态更新页面的效果。以下是对这些知识点的详细说明： 1. **设置和获取HTML** HTML是...

    javascript网页获取文本选中文字内容

    javascript网页获取文本选中文字内容

    flash获取文本工具

    在IT行业中，Flash曾是一种广泛应用于网页动画和交互设计的软件，它允许开发者创建丰富的多媒体内容，包括游戏、动画以及包含文本的互动式应用程序。"Flash获取文本工具"是专门针对这种技术设计的一款实用程序，它能...

    免费获取网页文本内容或源代码

    有的网页设置了不可复制功能。这个小工具可以不受限制地获取网页中的文本内容，可以选择是否包含网页标签。

    MFC中 ,点击主窗口的确定按钮获取tabctrl子对话框的文本.docx

    在主对话框的OnOK()函数中，你需要检查当前选中的TabCtrl页，并获取对应的子对话框中的选择信息。通过`GetActiveTab()`方法得到当前活动的子对话框索引，然后调用相应子对话框的成员函数获取所选内容。 5. **创建...

    网页文本保存网页文本保存

    3. **浏览器扩展**：一些浏览器扩展程序，如“Webpage Screenshot”或“Save as PDF”，可以方便地将网页保存为图片或PDF文档，这在保留网页布局和样式的同时，也能获取文本信息。 4. **复制粘贴**：手动复制网页上...

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

    通过在按钮的点击事件中调用`getSelectText2`函数，并将获取到的文本设置为`&lt;div&gt;`元素的内容，从而实现了在页面上动态展示用户选中的文本。 在实际应用中，获取选中的文本可以用于复制粘贴功能、搜索选中的文本、...

    用JavaScript获取页面上被选中的文字的技巧.html

    html用JavaScript获取页面上被选中的文字的技巧

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

    需要注意的是，在IE浏览器中，如果使用非按钮元素（如`&lt;span&gt;`、`&lt;div&gt;`等）触发`onclick`事件，可能会导致整个页面的选择内容发生变化，从而导致获取选中文本的操作失败。这种情况下，建议使用按钮元素来触发获取...

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

    首先，我们要知道在不同的浏览器中，获取用户选择文本的方式有所不同。在IE浏览器中，我们可以使用`document.selection`对象，而在现代浏览器如Firefox、Chrome、Safari等中，我们需要使用`window.getSelection()`...

    易语言取网页文本中的指定内容

    总之，"易语言取网页文本中的指定内容"这个主题涵盖了网络编程和网页解析的基础知识，通过学习和实践这部分内容，可以提升你在网络数据获取方面的能力，为后续的项目开发打下坚实的基础。压缩包中的文件"易语言取...

    js 获取选中文字

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

Magicbox
Global site tag (gtag.js) - Google Analytics