JavaScript跨浏览器获取选中文本的方法

作者:页面旅途时间:2026-10-23 10:06:32浏览:171

本文介绍如何在JavaScript中跨浏览器获取用户选中的文本内容。针对Firefox、Chrome、Safari和Opera等现代浏览器,推荐使用window.getSelection()方法;而在IE浏览器中,则需使用document.selection.createRange().text。文章提供了兼容两者的完整代码示例,确保在不同环境下均能正确获取选区文本。

JavaScript跨浏览器获取选中文本的方法

实现获取选中文本功能主要有以下两种方案:


对于Firefox、Google Chrome、Safari以及Opera等浏览器,可以使用window.getSelection()方法(具体参考MDC文档)。


在Internet Explorer(IE)浏览器中,则应使用document.selection.createRange().text属性(具体参考MSDN文档)。



注:以下是将上述两种情况整合在一起的兼容代码:


代码如下:

function getSelectionText() {
if(window.getSelection) {
return window.getSelection().toString();
} else if(document.selection && document.selection.createRange) {
return document.selection.createRange().text;
} 
return '';
} 
作者最新文章