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的ajax需要注意的地方dataType的设置
Aug 12 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
js实现密码强度检测【附示例】
Mar 30 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
ReactNative-JS 调用原生方法实例代码
Oct 08 Javascript
基于复选框demo(分享)
Sep 27 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
JS异步宏队列与微队列原理区别详解
Jul 02 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
项目中应用Redis+Php的场景
2016/05/22 PHP
微信支付开发交易通知实例
2016/07/12 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
利用js对象弹出一个层
2008/03/26 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
ES6中class类用法实例浅析
2017/04/06 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
使用FileReader API创建Vue文件阅读器组件
2018/04/03 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
python利用高阶函数实现剪枝函数
2018/03/20 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
医科学校毕业生自荐信
2013/11/09 职场文书
2014年招生工作总结
2014/11/26 职场文书
六年级小学生评语
2014/12/26 职场文书
青年教师个人总结
2015/02/11 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
MySQL GTID复制的具体使用
2022/05/20 MySQL