javascript获取选中的文本的方法代码
时间：2024-05-03 15:07:58
<!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> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body { font-size:12px; }
#show { background-color:#CCFF99; }
</style>
</head>
<body>
<textarea id="content" cols="30" rows="10">
河中鱼类离奇死亡，下游居民频染怪病，沿岸植物不断变异，是残留农药？还是生化攻击？敬请关注今晚CCTV-10《科学探索》，即将播出的专题节目：《神秘的河边洗脚人--中国男足》
</textarea>
<button id="btn">获取选中值</button>
<div id="show"></div>
<script>
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, "");
}
/* 方法一 FF下有点问题 */
function getSelectText() {
try{
// IE: document.selection.createRange() W3C:window.getSelection()
var selectText = (document.selection && document.selection.createRange )? document.selection.createRange().text : window.getSelection().toString();
if(selectText != null && selectText.trim() != ""){
return selectText;
}
}catch(err){}
}
/* 方法二 */
function getSelectText2(id) {
var t = document.getElementById(id);
if(window.getSelection) {
if(t.selectionStart != undefined && t.selectionEnd != undefined) {
return t.value.substring(t.selectionStart, t.selectionEnd);
} else {
return "";
}
} else {
return document.selection.createRange().text;
}
}
document.getElementById('btn').onclick = function() {
document.getElementById('show').innerHTML = getSelectText2('content');
}
</script>
</body>
</html>
0
投稿猜你喜欢
django上传图片并生成缩略图方法示例
MySQL Redo与Undo日志详细解析
Python实现五子棋联机对战小游戏
Python使用背景差分器实现运动物体检测
php实现断点续传大文件示例代码
利用python判断字母大小写的几种方法小结
PowerBI和Python关于数据分析的对比
详解python metaclass（元类）
Python lxml模块的基本使用方法分析
MySQL建立唯一索引实现插入重复自动更新
Python使用logging模块实现打印log到指定文件的方法
不要犯WEB字体编辑的10种错误
Python List remove()实例用法详解
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
Pyside2中嵌入Matplotlib的绘图的实现
vue混入mixin流程与优缺点详解
