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中的call实现继承
Jan 22 Javascript
javascript 图片裁剪技巧解读
Nov 15 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
vue生命周期的探索
Apr 03 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
Vue router配置与使用分析讲解
Dec 24 Vue.js
判断输入是否为空,获得输入类型的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
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
PHP编写简单的App接口
2016/08/28 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
js调试系列 控制台命令行API使用方法
2014/06/18 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
2020/07/27 Javascript
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
Python的Lambda函数用法详解
2019/09/03 Python
django框架ModelForm组件用法详解
2019/12/11 Python
Django中的AutoField字段使用
2020/05/18 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
Python requests上传文件实现步骤
2020/09/15 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
美术毕业生求职信
2014/02/25 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
教师党员承诺书2015
2015/01/21 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
Python基础之字符串格式化详解
2021/04/21 Python
解决pytorch 损失函数中输入输出不匹配的问题
2021/06/05 Python
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python