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 相关文章推荐
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
jquery的attr方法禁用表单元素禁用输入内容
Jun 23 Javascript
javascript模拟实现ajax加载框实例
Oct 15 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
jquery树形菜单效果的简单实例
Jun 06 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
js实现字符全排列算法的简单方法
May 01 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
Jan 08 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
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
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
laravel 解决路由除了根目录其他都404的问题
2019/10/18 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
Jquery动态添加输入框的方法
2015/05/29 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
详解JavaScript逻辑And运算符
2015/12/04 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
2017/03/29 Javascript
Vue.js移动端左滑删除组件的实现代码
2017/09/08 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
Django 视图层(view)的使用
2018/11/09 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
共产党员公开承诺书范文
2014/03/28 职场文书
2014年党课学习材料
2014/05/11 职场文书
公司经理任命书
2014/06/05 职场文书
节约用水标语
2014/06/11 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
Django 如何实现文件上传下载
2021/04/08 Python
MySQL数据库表约束讲解
2022/06/21 MySQL