`

javascript获取选中的文本

 
阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
	</head>

	<body>
		<textarea rows="30" cols="10" name="" id="test"></textarea>
		<div>
		 javascript如何获取鼠标拖黑的文字?也就是我要写个文本编辑器,我在文本域写了”我是个好人”这几个字,然后我用鼠标拖黑选择这”我是个好人”字中的”个好”,然后要把”个好”变黑,,需要怎样通过javascript才能获取”个好”这两个字?
		</div>
	</body>
			<script type="text/javascript">
function getSelectText() {
	var txt = null;
	if (window.getSelection) { // mozilla FF
		txt = window.getSelection();
	} else if (document.getSelection) {
		txt = document.getSelection();
	} else if (document.selection) { //IE
		txt = document.selection.createRange().text;
	}
	return txt;
}
//注意,js代码一定要在id为test的元素下面
var obj = document.getElementById("test");
document.onmouseup = function() {
	obj.value = getSelectText();
}
</script>
</html>

分享到:
评论

相关推荐

    javascript获取选中文本

    javascript获取选中文本的测试脚本,选中文本时产生一个按钮,点击按钮显示文本内容

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

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

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

    首先,了解如何在JavaScript中判断浏览器是支持IE还是W3C标准的获取选中文本的方式至关重要。IE浏览器通过`document.selection`对象提供的`createRange()`方法可以获取到用户选中的文本,而W3C标准的浏览器则使用`...

    利用Javascript获取选择文本所在的句子详解

    获取选择文本 通过 window.getSelection() 即可获得一个 Selection 对象,再利用 .toString() 即可获得选择的文本。 锚节点与焦节点 在 Selection 对象中还保存了两个重要信息,anchorNode 和 focusNode,分别代表...

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

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

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

    总结起来,JavaScript获取选择文本的方法主要涉及到以下几个关键知识点: 1. 对于IE浏览器,使用`document.selection.createRange().text`获取选中文本。 2. 在其他现代浏览器中,使用`window.getSelection()....

    JavaScript 获取浏览器的显示区域大小信息

    ### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...

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

    标准的HTML元素如`&lt;input&gt;`和`&lt;textarea&gt;`提供了用户输入和选择文本的界面,而JavaScript则提供了相应的属性和方法来访问和操作这些输入框中的文本。 在上述内容中,我们看到了一个核心函数`getFieldSelection...

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

    这段代码可以监听长按事件,并使用`window.getSelection().toString()`获取选中的文本。然后,通过`addJavascriptInterface()`方法将Java对象暴露给JavaScript,这样JavaScript就能调用Java方法传递选中的文本。 ...

    javascript获取下拉列表的值

    现在,让我们看看如何使用JavaScript来获取选中的选项的值。主要有两种方法: ### 方法一:通过ID获取 如果你知道下拉列表的ID,你可以直接通过`document.getElementById()`来访问它,然后使用`.value`属性获取...

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

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

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

    例如,我们需要声明"permissions"以访问"contextMenus" API,用于创建右键菜单,并可能需要"activeTab"权限以获取当前选中的文本。 ```json { "manifest_version": 2, "name": "右键菜单转换为二维码", ...

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

    **获取选中起始位置和终止位置**: ```javascript function getSelectionRange(input) { if (input.selectionStart !== undefined && input.selectionEnd !== undefined) { return { start: input.selectionStart,...

    JavaScript 富文本框

    4. **富文本编辑器库**:虽然可以手动编写JavaScript代码实现富文本框,但许多开发者会选择使用现成的富文本编辑器库,如TinyMCE、CKEditor、Quill等。这些库已经实现了大部分富文本功能,只需简单集成就能快速搭建...

    选中文字点击改变字体颜色JS相当好用

    例如,在富文本编辑器中,用户可以自由地选择文本并进行格式化,包括改变字体颜色,这对于撰写文章、创建文档或设计网页等内容创作工作尤为关键。 ### 总结 通过深入分析代码片段,我们了解到使用JavaScript改变...

    jsdiff一个javascript的文本差异比较实现

    **jsdiff:JavaScript文本差异比较库** jsdiff是一款基于JavaScript的开源库,它提供了一种高效的方法来比较两个文本字符串之间的差异。这个库被广泛应用于版本控制系统、代码审查工具、协同编辑系统等领域,帮助...

    js 获取选中文字

    在实际开发中,你可能需要处理用户选择文本时触发的事件,比如`mouseup`或`keyup`。这可以通过添加事件监听器来实现: ```javascript document.addEventListener('mouseup', function() { var selectedText = get...

    JavaScript 获得选中文本内容的方法

    JavaScript中的`window.getSelection()`和`document.selection.createRange().text`是获取选中文本内容的关键方法,通过适配不同浏览器的API,我们可以编写出兼容各种环境的代码,从而实现跨浏览器的文本选择功能。...

Global site tag (gtag.js) - Google Analytics