JS实现兼容各种浏览器的获取选择文本的方法【测试可用】


Posted in Javascript onJune 21, 2016

本文实例讲述了JS实现兼容各种浏览器的获取选择文本的方法。分享给大家供大家参考,具体如下:

运行效果截图如下:

JS实现兼容各种浏览器的获取选择文本的方法【测试可用】

具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本被选中</title>
<style type = "text/css">
 #showSelected{
 margin:100px auto;
 width:100%;
 height:200px;
 background:#ececec;
 border:1px solid #ccc;
 }
</style>
<script type = "text/javascript">
//传入要获取其中选择文本的对象
function getSelectedText(e){
  //IE下获取选择文本
  if (document.selection) {
   return document.selection.createRange().text;
  }
  //firefox下获取选择文本
  else
   if (window.getSelection().toString()) {
    return window.getSelection().toString();
   }
   //firefox下获取input或textArea域的选择文本
   else
    if (e.selectionStart != undefined && e.selectionEnd != undefined) {
     var start = e.selectionStart;
     var end = e.selectionEnd;
     return e.value.substring(start, end);
    }
}
document.onmouseup = function(){
  var ta = document.getElementById("myDiv");
  document.getElementById("showSelected").innerHTML = getSelectedText(document.body);
}
</script>
</head>
  <body>
    <div id="myDiv">
      This is a prograph for testing!
    </div>
 <div id = "showSelected"></div>
  </body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
javascript中var的重要性分析
Feb 11 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
JavaScript实现简单动态进度条效果
Apr 06 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
layUI实现前端分页和后端分页
Jul 27 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
Mar 02 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
Aug 22 Javascript
vue中template的三种写法示例
Oct 21 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 #Javascript
JavaScript检测原始值、引用值、属性
Jun 20 #Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 #Javascript
JS实现鼠标框选效果完整实例
Jun 20 #Javascript
javascript事件冒泡简单示例
Jun 20 #Javascript
JS实现的打字机效果完整实例
Jun 20 #Javascript
jQuery实现的网格线绘制方法
Jun 20 #Javascript
You might like
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
php绘制一个扇形的方法
2015/01/24 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
动态刷新 dorado树的js代码
2009/06/12 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
2013/12/19 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
react-router实现按需加载
2017/05/09 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
node.js爬虫框架node-crawler初体验
2020/10/29 Javascript
Javascript 模拟mvc实现点餐程序案例详解
2020/12/24 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
利用html5 canvas破解简单验证码及getImageData接口应用
2013/01/25 HTML / CSS
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
介绍一下linux的文件权限
2012/02/15 面试题
工作收入证明范本
2015/06/12 职场文书