本文介绍如何在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 '';
}