javascript 选中文字的实现

我不是女神ヾ 2022-04-16 06:40 285阅读 0赞

### javascript 选中文字的实现 ###

*  浏览器有Api支持吗？

# 浏览器有Api支持吗？ #

1.  window.getSelection 获取选中文字
2.  document.selection.createRange() ie下面 获取选中文字

window.onmouseup = function (e) { 
    	var textS = "";
    	var eventSelectO = null;
    	if(window.getSelection) { 
    		eventSelectO = window.getSelection();
    		textS = window.getSelection().toString().trim();
    	} else { 
    		eventSelectO = document.selection.createRange();
    		textS = document.selection.createRange().text.trim();
    	}
    	console.assert(!textS, textS, eventSelectO);
    }

代码粘贴到控制台，结果:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]

参考链接  
1. [MDN Selection 对象][MDN Selection]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70 1]

thank… 欢迎交流

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]: /images/20220416/e2a5fce25f654c4f8ee163c03d18caec.png
[MDN Selection]: https://developer.mozilla.org/zh-CN/docs/Web/API/Selection
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70 1]: /images/20220416/c7a272ed1bd34707aa0aea3935410d79.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js 监听文字鼠标选中

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

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

相关 input的radio实现点击文字，后面的框框也选中的效果

![2020052610220361.gif][] <!DOCTYPE html> <html lang="en"> <head>

快来打我*/ 2023年02月12日 12:26/ 0 赞/ 51 阅读

相关 35、JavaScript中DIV的完美拖拽---解决拖拽中的文字选中的问题

1、拖拽中的文字选中问题 1.1 阻止默认事件 1.2 IE下拖拽有问题 -- 事件捕获 2、代码

蔚落/ 2022年09月21日 13:04/ 0 赞/ 333 阅读

相关 Android 中TabLayout实现Tab自定义和选中文字加粗

在Android开发当中，我们几乎都得用到TabLayout+Fragment来实现信息的展示，但是，很多时候我们的需要又很不同， TabLayout的基本使用推荐以下文章：

红太狼/ 2022年06月13日 11:53/ 0 赞/ 922 阅读

相关 VS Code修改选中文字或代码的颜色

一、工作区，配置修改，对应VsCode版本 v.14.2 相对工作区的优先级高 1.修改选中文字或代码的颜色 //设置用户选中代码段的颜色 "wo

红太狼/ 2022年06月10日 10:00/ 0 赞/ 325 阅读

相关 javascript文字跟随鼠标移动简易实现方法

效果图 ![SouthEast][] 方法文字跟随鼠标移动即是实时获取鼠标位置，并将文字的位置设置为鼠标的位置，用left和top即可控制文字的位置。 htm

红太狼/ 2022年06月01日 06:40/ 0 赞/ 605 阅读

相关让网页标签元素的文字不被选中

今天用vue发觉文字被选中时会有一些坑，可以用这个c3属性 user-select: none; 这样就可以设置文字不被选中了。这个属性默认是text,也

朱雀/ 2022年05月16日 12:51/ 0 赞/ 206 阅读

相关 javascript 选中文字的实现

javascript 选中文字的实现浏览器有Api支持吗？浏览器有Api支持吗？ 1. window.getSelection 获取选中文字 2.

我不是女神ヾ/ 2022年04月16日 06:40/ 0 赞/ 286 阅读

相关用JavaScript实现文字验证

用JavaScript实现文字验证开发工具与关键技术：JavaScript 作者：陈希雄撰写时间：2019/2/26 <head>

电玩女神/ 2022年03月16日 05:20/ 0 赞/ 339 阅读

相关如何让文字不能被选中

div{ -webkit-user-select:none; -moz-user-select:none; -ms-user-selec

短命女/ 2021年09月23日 10:14/ 0 赞/ 390 阅读