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高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
使用js画图之饼图
Jan 12 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
js生成随机数的方法实例
Oct 16 Javascript
js实现获取div坐标的方法
Nov 16 Javascript
sea.js常用的api简易文档
Nov 15 Javascript
基于iScroll实现下拉刷新和上滑加载效果
Jul 18 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
小程序实现投票进度条
Nov 20 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
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
Symfony2实现在controller中获取url的方法
2016/03/18 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
js css样式操作代码(批量操作)
2009/10/09 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
jQuery实现简易的天天爱消除小游戏
2015/10/16 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
Node连接mysql数据库方法介绍
2017/02/07 Javascript
学习使用Bootstrap页面排版样式
2017/05/11 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
Vue实现日历小插件
2019/06/26 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
Python读取图片属性信息的实现方法
2016/09/11 Python
Win7 64位下python3.6.5安装配置图文教程
2020/10/27 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
JAVA代码查错题
2014/10/10 面试题
2015年体检中心工作总结
2015/05/27 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书