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


Posted in Javascript onOctober 30, 2013
<!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>  
Javascript 相关文章推荐
JavaScript 的继承
Oct 01 Javascript
JS定时刷新页面及跳转页面的方法
Jul 04 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
使用express搭建一个简单的查询服务器的方法
Feb 09 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
Jan 16 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 Javascript
15个值得收藏的JavaScript函数
Sep 15 Javascript
判断输入是否为空,获得输入类型的JS代码
Oct 30 #Javascript
js实现收缩菜单效果实例代码
Oct 30 #Javascript
比较新旧两个数组值得增加和删除的JS代码
Oct 30 #Javascript
利用javascript实现web页面中指定区域打印
Oct 30 #Javascript
javascript ajax 仿百度分页函数
Oct 29 #Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 #Javascript
javaScript实现浮点数转十六进制字符
Oct 29 #Javascript
You might like
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
php自定义函数之递归删除文件及目录
2010/08/08 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
在php中设置session用memcache来存储的方法总结
2016/01/14 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
PDO::errorInfo讲解
2019/01/28 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
QQ登录简单实现代码
2021/03/09 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
[07:47]DOTA2国际邀请赛采访专栏:探访Valve总部
2013/08/08 DOTA
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
Python找出list中最常出现元素的方法
2016/06/14 Python
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
保安拾金不昧表扬信
2014/01/15 职场文书
工艺员岗位职责
2014/02/11 职场文书
委托书的写法
2014/09/16 职场文书
营销与策划实训报告
2014/11/05 职场文书
公司行政管理制度范本
2015/08/05 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书