前端|获取网页中鼠标选中文字-阿里云开发者社区

前端|获取网页中鼠标选中文字

2023-06-20 170

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 前端|获取网页中鼠标选中文字

问题描述

想要通过js从网页中获取鼠标选中的文字离不开window.getSelection这个属性（不适用于ie9以下的浏览器）

window.getSelection()，返回一个Selection对象，表示用户选择的文本范围或光标的当前位置

因为返回的是一个对象需要用到.toString()强行把他转化成字符串并用alert()把它以网页弹窗的形式展示出来

解决方案

js代码：

嵌入一个简单的网页

<html>

<head>

<title>获取网页中鼠标选中文字</title>

</head>

<body>

<p>获取网页中鼠标选中文字<p>

</body>

</html>

效果图：

效果图2.1

结语

以上所述是给大家介绍的js获取网页鼠标选中文字，主要涉及到window.getSelection这个属性，想了解详细用法可以参考https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection

前端|获取网页中鼠标选中文字