使用window.getSelection 或document.selection.createRange()获取鼠标选中的内容；

绝地灬酷狼 2021-11-29 14:46 428阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5_size_16_color_FFFFFF_t_70][]

[使用window.getSelection()获取div中选中文字内容及位置][window.getSelection_div]

1.  `οnmοuseup=function () {`
2.  `   if (window.getSelection) {`
3.  `　　　　　　　　　　　　　var text = window.getSelection().toString(); //选中文字`
4.  `　　　　　　　　　　　　　var start = window.getSelection().anchorOffset; //开始位置`
5.  `　　　　　　　　　　　　　var end = window.getSelection().focusOffset; //结束位置`
6.  `    } else if (document.selection && document.selection.type != "Control") {`
7.  `   //ie9以下的支持，可不考虑`
8.  `    $scope.mark.selectionText[0] = document.selection.createRange().text;`
9.  `   }`
10. `}`

![20190722111843375.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5_size_16_color_FFFFFF_t_70]: /images/20211129/1a134d77a4bb4e5c913151969e7eb7f5.png
[window.getSelection_div]: https://www.cnblogs.com/XHappyness/p/8205418.html
[20190722111843375.png]: /images/20211129/be72ddca6e6140658f5d9c1bae05c5a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5_size_16_color_FFFFFF_t_70 1]: /images/20211129/1eed679ab911435581fb2eeac4441280.png

发表评论取消回复

表情：

评论列表（有 0 条评论，428人围观）

还没有评论，来说两句吧...

相关阅读

相关 js获取鼠标选中的文字

定义需要获取的内容的节点： <span onClick="SelectText()">河中鱼类离奇死亡，下游居民频染怪病，沿岸植物不断变异，是残留农药？还是

r囧r小猫/ 2023年06月26日 15:28/ 0 赞/ 144 阅读

相关 js 监听文字鼠标选中

如果你在浏览器中安装了翻译插件的话，控制台可能会输出你选中的文本内容，那么这是如何做到的呢？直接查看他的源码，主要是使用了window.getSelection 这个属性

刺骨的言语ヽ痛彻心扉/ 2023年06月26日 15:28/ 0 赞/ 33 阅读

相关 WebAPI-禁止鼠标右键和鼠标选中

鼠标右键菜单 `contextmenu` 当点击鼠标右键或按下键盘上的菜单键时会触发该事件，该事件会打开上下文菜单在有些情况下需要禁用鼠标右键菜单，这时就可以使用事件

水深无声/ 2023年06月15日 14:24/ 0 赞/ 42 阅读

相关 js获取鼠标焦点位置并选中一部分文字

<body> <textarea id="divt">123456789</textarea> </body> <script

谁践踏了优雅/ 2022年07月27日 12:00/ 0 赞/ 267 阅读

相关 FCKeditor开发——获取鼠标选中内容

1. FCKeditorAPI.GetInstance(‘你的编辑框id/FCKEditor的实例名称’).Selection.GetSelection().toStrin

谁借莪１个温暖的怀抱￠/ 2022年07月24日 03:26/ 0 赞/ 249 阅读

相关获取鼠标选中文字

原博地址:http://www.cnblogs.com/NetSos/archive/2011/02/14/1954345.html 本文关键点： document.sel

悠悠/ 2022年05月20日 04:41/ 0 赞/ 289 阅读

相关 QTableWidget获取选中行内容

首先介绍一下csdn屏蔽广告这个至关重要，请参考 [https://blog.csdn.net/Demo\_Liu/article/details/81538222]

以你之姓@/ 2022年05月15日 00:41/ 0 赞/ 800 阅读

相关使用window.getSelection 或document.selection.createRange()获取鼠标选中的内容；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc

绝地灬酷狼/ 2021年11月29日 14:46/ 0 赞/ 429 阅读

相关 EasyUI DataGrid Checkbox 多选获取选中行中的内容

　　　　<table id='grid' class='easyui-datagrid' style='width:950px;height:405px' 　

系统管理员/ 2021年09月29日 11:56/ 0 赞/ 441 阅读

相关 js获取鼠标选中的文字

定义需要获取的内容的节点： <span onClick="SelectText()">河中鱼类离奇死亡，下游居民频染怪病，沿岸植物不断变异，是残留农药？还是

末蓝、/ 2021年06月26日 16:06/ 0 赞/ 561 阅读