`
ganglong99
  • 浏览: 162063 次
  • 性别: 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与现代浏览器 ```...

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

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

    vue结合html实时截取textarea文本

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

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

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

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

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

    flash获取文本工具

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

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

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

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

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

    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()`...

    网页自动填表——文本输入框及多行文本输入框

    网页自动填表技术主要是利用自动化工具或脚本来识别网页中的表单元素（如文本输入框、多行文本输入框等），并通过编程方式自动填充这些表单元素，从而实现表单的自动化填写过程。 #### 三、网页自动填表的基本步骤 ...

    获取网页上 xpath , css 路径的插件， 方便爬虫、自动化测试相关软件工作者快速获取页面上html元素路径

    在IT行业中，尤其是在网页爬虫和自动化测试领域，获取网页上的XPath和CSS选择器路径是一项基本且重要的技能。XPath和CSS选择器是两种常见的定位HTML元素的方法，它们被广泛用于网页抓取、网页自动化和测试工具中。这...

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

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

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