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 相关文章推荐
20个最新的jQuery插件
Jan 13 Javascript
JS判断元素为数字的奇异写法分享
Aug 01 Javascript
用javascript删除当前行,添加行(示例代码)
Nov 25 Javascript
JQuery记住用户名和密码的具体实现
Apr 04 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
Aug 20 Javascript
微信小程序实现签到功能
Oct 31 Javascript
Vue实现页面添加水印功能
Nov 09 Javascript
video.js添加自定义组件的方法
Dec 09 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
php猜单词游戏
2015/09/29 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
jquery简单实现鼠标经过导航条改变背景图
2013/12/17 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
jquery+ajax实现省市区三级联动效果简单示例
2017/01/04 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
JS实现网页端猜数字小游戏
2020/03/06 Javascript
原生js实现的观察者和订阅者模式简单示例
2020/04/18 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
[01:52]深扒TI7聊天轮盘语音出处7
2017/05/11 DOTA
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
Python yield使用方法示例
2013/12/04 Python
总结网络IO模型与select模型的Python实例讲解
2016/06/27 Python
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
Python把对应格式的csv文件转换成字典类型存储脚本的方法
2019/02/12 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
python 动态绘制爱心的示例
2020/09/27 Python
中国最大的名表商城:万表网
2016/08/29 全球购物
科级干部考察材料
2014/02/15 职场文书
违纪开除通知书
2015/04/25 职场文书
小学运动会入场口号
2015/12/24 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL