现在很多网站，特别是比较大的网站，都有这样的功能：选中一段文字，在鼠标附近自动显示一个按钮，用于发布微博等消息。
查了一下，通过window.getSelection()方法或document.getSelection()方法，可以获得选中的文字内容。
window.getSelection() 只能在高版本的ie或FireFox，Chrome中使用。
document.getSeletion()只有ie中用。
但是实际使用中，发现Chrome两个都支持。
说明：getSelection()方法返回的对象，并不是选中的字符串，而是一个选中的dom元素。
可以通过toString()方法，即可显示选中的文字。
例：没事写了个例子。鼠标选中一段文字，自动显示选中的文字。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
$(document).click(function(){
var selectText = window.getSelection();
$("#selectContent").html(selectText.toString());
});
});
</script>
</head>
<body>
<div>123123123123123123123123hiuashdfiuahsufisdafohasuidf</div>
<div>选中内容</div>
<div id = "selectContent"></div>
</body>
</html>
以下是网上找到的方法，貌似比较靠谱：
<!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>
<title>无标题页</title>
<script type="text/javascript">
function getSelect()
{
if(window.getSelection)
{
alert(window.getSelection());
}
else
{
alert(document.selection.createRange().text);
}
}
</script>
</head>
<body>
<div>asdlfjawefo;awejgoawemfaowcmzxvczo<b>asdfwe3wg2222</b>xcvaowdfijq9p23rjq023jrq23r</div>
<input type="button" value="获 取" onclick="getSelect();" />
</body>
</html>
即，获取选中的代码的通用写法：
var word = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
相关推荐
javascript获取选中文本的测试脚本，选中文本时产生一个按钮，点击按钮显示文本内容
本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先，Radio按钮在HTML中的基本结构如下： ```html <label for="option1">Option 1 <label for="option2">Option 2 ``` ...
在获取选中内容后，将其输出到控制台。 此外，如果你想操作选中的文本，可以使用`range`对象。`Selection`对象的`getRangeAt(0)`方法返回一个`Range`对象，它代表了选中的文本范围。你可以创建、修改或删除这个范围...
以上就是关于“FCKeditor获取选中内容的JS”的详细解析。理解并掌握这些知识点，可以让你在使用FCKeditor时更加游刃有余，无论是开发还是维护，都能提高工作效率。同时，记住在编写代码时加入清晰的注释，以便于他人...
**获取选中内容**： ```javascript function getSelectedText(input) { if (input.selectionStart !== undefined) { return input.value.slice(input.selectionStart, input.selectionEnd); } else if (document....
原理就是：一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
本文实例讲述了js树插件zTree获取所有选中节点数据的方法。分享给大家供大家参考。具体分析如下： 由于刚接触Tree方面的东西。在网上看到了zTree，是中国人写的。所以API肯定是中文的。而且评论也很好。所以尝试用...
### ExtJs Grid 多选及获取选中值详解 #### 一、背景介绍 在Web应用开发中，ExtJs 是一款非常强大的JavaScript框架，它能够帮助开发者快速构建复杂的用户界面。其中，Grid Panel（简称 Grid）是ExtJs中最常用的一个...
刚收集了一下查看网页中选中源码的代码，类似于火狐浏览器的那个功能，大家有兴趣可以参考
当用户选择文件后，我们可以监听`change`事件来获取选中的文件。这个事件会在用户选择文件后触发： ```javascript document.getElementById('fileInput').addEventListener('change', function(event) { var files...
在处理用户交互时，有时我们需要获取选中项的`label`或`value`值。从提供的信息来看，这里介绍的是如何在不通过循环遍历选项的情况下，直接获取`el-select`组件选中项的`label`值。 首先，`el-select`组件允许我们...
在Three.js这个强大的JavaScript库中，3D场景的交互是一个重要的组成部分。本示例"Three.js的物体点击选中拾取DEMO"旨在演示如何实现用户通过鼠标点击屏幕上的3D物体并进行选中操作。这在创建交互式3D应用、游戏或...
如果不支持，则尝试使用IE特有的`document.selection.createRange().text`来获取选中内容。 ### 示例应用 为了演示以上方法的应用，可以创建一个简单的HTML页面，并在其中放置一个文本区域和一个按钮。点击按钮时...
根据提供的信息，我们可以总结出以下关于“服务器控件 DropDownList 控件使用 JS 获取选中项的值”的详细知识点。 ### 一、服务器控件概述 在Web应用程序开发中，服务器控件是ASP.NET提供的一种用于创建动态网页的...
标题与描述中的知识点是关于如何使用JavaScript来实现选中文字并改变其字体颜色的功能。这一技术在网页开发中非常实用，特别是在需要用户交互操作的场景下，如在线编辑器、笔记应用或博客平台等。 ### 核心知识点...
javascript网页获取文本选中文字内容
以上示例代码中包含了完整的HTML结构，展示了如何使用JavaScript获取下拉列表的选中值和文本，以及如何获取和修改单选按钮组的选中项。这些技术在实际开发中非常有用，能够帮助开发者更好地处理表单数据。
html用JavaScript获取页面上被选中的文字的技巧
4. **获取选中内容**： 要获取选中的文字内容，可以使用`element.selectionDirection`和`element.value`的组合。`element.value.substring(input.selectionStart, input.selectionEnd)`可以获取到选中的字符串。...
在探讨如何使用JavaScript（简称JS）来获取复选框（checkbox）选中项的值之前，我们首先需要理解复选框的基本概念以及它在网页表单中的作用。复选框是一种常用的HTML元素，用于允许用户从多个选项中选择一个或多个...