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 相关文章推荐
Javascript 写的简单进度条控件
Jan 22 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
Apr 16 Javascript
DWZ刷新dialog解决方法
Mar 03 Javascript
AngularJS实现表单验证
Jan 28 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
JQuery替换DOM节点的方法
Jun 11 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
玩转Koa之koa-router原理解析
Dec 29 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
vue项目前端知识点整理【收藏】
May 13 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中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
2016/09/19 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
判断div滑动到底部的scroll实例代码
2017/11/15 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
python数组过滤实现方法
2015/07/27 Python
python实现按行切分文本文件的方法
2016/04/18 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
如何在python中判断变量的类型
2020/07/29 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
Blue Nile蓝色尼罗河香港官网:世界最大在线钻石珠宝销售商
2020/05/07 全球购物
银行实习自我鉴定
2013/10/12 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
学前班语言教学计划
2015/01/20 职场文书
结婚司仪主持词
2015/06/29 职场文书
领导新年致辞2016
2015/07/29 职场文书
门卫管理制度范本
2015/08/05 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP