<%@ 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,我们可以轻松实现这一功能。 #### ...
首先,了解如何在JavaScript中判断浏览器是支持IE还是W3C标准的获取选中文本的方式至关重要。IE浏览器通过`document.selection`对象提供的`createRange()`方法可以获取到用户选中的文本,而W3C标准的浏览器则使用`...
获取选择文本 通过 window.getSelection() 即可获得一个 Selection 对象,再利用 .toString() 即可获得选择的文本。 锚节点与焦节点 在 Selection 对象中还保存了两个重要信息,anchorNode 和 focusNode,分别代表...
javascript网页获取文本选中文字内容
总结起来,JavaScript获取选择文本的方法主要涉及到以下几个关键知识点: 1. 对于IE浏览器,使用`document.selection.createRange().text`获取选中文本。 2. 在其他现代浏览器中,使用`window.getSelection()....
### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...
标准的HTML元素如`<input>`和`<textarea>`提供了用户输入和选择文本的界面,而JavaScript则提供了相应的属性和方法来访问和操作这些输入框中的文本。 在上述内容中,我们看到了一个核心函数`getFieldSelection...
这段代码可以监听长按事件,并使用`window.getSelection().toString()`获取选中的文本。然后,通过`addJavascriptInterface()`方法将Java对象暴露给JavaScript,这样JavaScript就能调用Java方法传递选中的文本。 ...
现在,让我们看看如何使用JavaScript来获取选中的选项的值。主要有两种方法: ### 方法一:通过ID获取 如果你知道下拉列表的ID,你可以直接通过`document.getElementById()`来访问它,然后使用`.value`属性获取...
html用JavaScript获取页面上被选中的文字的技巧
例如,我们需要声明"permissions"以访问"contextMenus" API,用于创建右键菜单,并可能需要"activeTab"权限以获取当前选中的文本。 ```json { "manifest_version": 2, "name": "右键菜单转换为二维码", ...
**获取选中起始位置和终止位置**: ```javascript function getSelectionRange(input) { if (input.selectionStart !== undefined && input.selectionEnd !== undefined) { return { start: input.selectionStart,...
4. **富文本编辑器库**:虽然可以手动编写JavaScript代码实现富文本框,但许多开发者会选择使用现成的富文本编辑器库,如TinyMCE、CKEditor、Quill等。这些库已经实现了大部分富文本功能,只需简单集成就能快速搭建...
例如,在富文本编辑器中,用户可以自由地选择文本并进行格式化,包括改变字体颜色,这对于撰写文章、创建文档或设计网页等内容创作工作尤为关键。 ### 总结 通过深入分析代码片段,我们了解到使用JavaScript改变...
**jsdiff:JavaScript文本差异比较库** jsdiff是一款基于JavaScript的开源库,它提供了一种高效的方法来比较两个文本字符串之间的差异。这个库被广泛应用于版本控制系统、代码审查工具、协同编辑系统等领域,帮助...
在实际开发中,你可能需要处理用户选择文本时触发的事件,比如`mouseup`或`keyup`。这可以通过添加事件监听器来实现: ```javascript document.addEventListener('mouseup', function() { var selectedText = get...
JavaScript中的`window.getSelection()`和`document.selection.createRange().text`是获取选中文本内容的关键方法,通过适配不同浏览器的API,我们可以编写出兼容各种环境的代码,从而实现跨浏览器的文本选择功能。...