JavaScript 实现鼠标选中文字获取的兼容方案
作者:窗边听雨时间:2026-10-30 12:01:03浏览:147
本文介绍如何在 JavaScript 中获取用户鼠标选中的文字内容。通过区分现代浏览器与旧版 IE 的 API,分别使用 window.getSelection() 和 document.selection.createRange() 实现兼容。代码包含完整的 HTML 示例及错误处理机制,适用于需要提取选中文本的前端开发场景。
JavaScript 获取鼠标选中文字的实现
以下是利用 JavaScript 获取鼠标选中文字的具体实现代码。
<html>
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js获取鼠标选中的文字</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function SelectText()
{
try{
var selecter=window.getSelection();
if(selecter!=null&&selecter.trim()!=""){
alert(selecter);}
}catch(err){
var selecter=document.selection.createRange();
var s=selecter.text;
if(s!=null&&s.trim()!=""){
alert(s)}
}
}
String.prototype.trim=function()
{
return this.replace(/(^\s*)|(\s*$)/g,"");
}
//-->
</SCRIPT>
</head>
<body>
<span onClick="SelectText()">河中鱼类离奇死亡,下游居民频染怪病,沿岸植物不断变异,是残留农药?还是生化攻击?敬请关注今晚CCTV-10《科学探索》,即将播出的专题节目:《神秘的河边洗脚人--中国男足》</span>
</body>
</html>
核心代码逻辑分析
JavaScript 获取选中文字的核心逻辑
if (window.getSelection) {//一般浏览器
userSelection = window.getSelection();}
else if (document.selection) {//IE浏览器、Opera
userSelection = document.selection.createRange();}userSelection.toString();

以上介绍了 JavaScript 获取鼠标选中文字的方法,希望能对读者有所帮助。如有任何疑问,欢迎留言,小编将及时回复。感谢大家对本网站的支持!
作者最新文章
anime.js 快速入门:怎么引入库并编写第一个 DOM 动画
2026-11-05 14:22:43
在线JS解密后变量名仍乱码?结合浏览器DevTools调试还原
2026-11-04 20:26:01
怎么在浏览器中运行JavaScript代码并查看输出结果
2026-11-04 09:07:33
JS 获取屏幕分辨率:window.screen.width 与 height 用法
2026-11-04 08:52:48
为什么推荐用DOMContentLoaded代替window.onload初始化JS
2026-11-04 08:42:33
