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 相关文章推荐
js 链式延迟执行DOME
Jan 04 Javascript
js实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
javascript基础语法学习笔记
Jan 04 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 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_MySQL教程-第一天
2007/03/18 PHP
php数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
php提交post数组参数实例分析
2015/12/17 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
php静态成员方法和静态的成员属性的使用方法
2017/10/26 PHP
PHP基于phpqrcode类生成二维码的方法详解
2018/03/14 PHP
js 深拷贝函数
2008/12/04 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
jQuery控制Div拖拽效果完整实例分析
2015/04/15 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
[05:42]DOTA2英雄梦之声_第10期_蝙蝠骑士
2014/06/21 DOTA
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
推荐下python/ironpython:从入门到精通
2007/10/02 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
两只小狮子教学反思
2014/02/05 职场文书
申请任职学生会干部自荐书范文
2014/02/13 职场文书
司仪主持词两篇
2014/03/22 职场文书
环保倡议书
2014/04/14 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
CSS font-variation 可变字体的魅力(实例详解)
2022/03/03 HTML / CSS