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 相关文章推荐
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
原生js实现电商侧边导航效果
Jan 19 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
ionic3 懒加载
Aug 16 Javascript
vue做网页开场视频的实例代码
Oct 20 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 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
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
2019/01/17 PHP
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
pm2启动ssr失败的解决方法
2019/06/29 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
JS写滑稽笑脸运动效果
2020/05/28 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
2020/11/20 Javascript
Python代码的打包与发布详解
2014/07/30 Python
Python的Flask开发框架简单上手笔记
2015/11/16 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
python机器学习理论与实战(五)支持向量机
2018/01/19 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
什么是抽象
2015/12/13 面试题
实习护理工作自我评价
2013/09/25 职场文书
毕业生自荐信
2013/12/14 职场文书
物业管理工作方案
2014/05/10 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
八项规定自查自纠报告及整改措施
2014/10/26 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
劳模先进事迹材料
2014/12/24 职场文书
初婚初育证明范本
2015/06/18 职场文书
员工升职自我评价
2019/03/26 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
浅析Python中的套接字编程
2021/06/22 Python