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 相关文章推荐
关于文本限制字数的js代码
Apr 02 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
AngularJS实现网站换肤实例
Feb 19 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
微信小程序中post方法与get方法的封装
Sep 26 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
Vue 中使用 typescript的方法详解
Feb 17 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
基于vue的video播放器的实现示例
Feb 19 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
php实现的zip文件内容比较类
2014/09/24 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
Python中format()格式输出全解
2019/04/12 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
2013/01/31 HTML / CSS
电大物流学生的自我评价
2013/10/25 职场文书
学习党代会心得体会
2014/09/05 职场文书
领导干部遵守党的政治纪律情况思想汇报
2014/09/14 职场文书
党支部承诺书
2015/01/20 职场文书
西岭雪山导游词
2015/02/06 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书
MySQL基于索引的压力测试的实现
2021/11/07 MySQL
centos7安装mysql5.7经验记录
2022/05/02 Servers