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+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
Bootstrap 填充Json数据的实例代码
Jan 11 Javascript
vue实现nav导航栏的方法
Dec 13 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
eslint 的三大通用规则详解
May 16 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
判断输入是否为空,获得输入类型的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
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
php异常处理技术,顶级异常处理器
2012/06/13 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
测试你的JS的掌握程度的代码
2009/12/09 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python将xml和xsl转换为html的方法
2015/03/10 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
详解python 破解网站反爬虫的两种简单方法
2020/02/09 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
关于递归的一道.NET面试题
2013/05/12 面试题
工程质量月活动方案
2014/02/19 职场文书
《花木兰》教学反思
2014/04/09 职场文书
学校志愿者活动总结
2014/06/27 职场文书
2014最新离职证明范本
2014/09/12 职场文书
名人传读书笔记
2015/06/26 职场文书
公司回复函格式
2015/07/14 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书