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 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
use jscript with List Proxy Server Information
Jun 11 Javascript
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
Javascript学习笔记一 之 数据类型
Dec 15 Javascript
JavaScript程序开发之JS代码放置的位置
Jan 15 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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
ob_start(),ob_start('ob_gzhandler')使用
2006/12/25 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
深入浅析PHP无限极分类的案例教程
2016/05/09 PHP
php简单压缩css样式示例
2016/09/22 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
JavaScript实现SHA-1加密算法的方法
2015/03/11 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
nodejs使用async模块同步执行的方法
2019/03/02 NodeJs
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
详细解析Python中的变量的数据类型
2015/05/13 Python
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
Python pymsql模块的使用
2020/09/07 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
美国校园市场:OCM
2017/06/08 全球购物
考博自荐信
2013/10/25 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
世界环境日活动总结
2015/02/11 职场文书
永不妥协观后感
2015/06/10 职场文书
党性修养心得体会2016
2016/01/21 职场文书
转变工作作风心得体会
2016/01/23 职场文书
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL