获取浏览器选中区域内容的js

最新推荐文章于 2025-06-11 07:56:33 发布

floyddcn

最新推荐文章于 2025-06-11 07:56:33 发布

阅读量1.8k

点赞数

分类专栏： js 文章标签：浏览器 function div html c

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种方法，用于获取网页中用户所选中内容的HTML代码。该方法兼容现代浏览器及Internet Explorer，并详细解释了如何使用W3C Range API来获取选区范围并克隆内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getSelectionHTML : function() { var userSelection; if (window.getSelection) { // W3C Ranges userSelection = window.getSelection(); // Get the range: if (userSelection.getRangeAt) var range = userSelection.getRangeAt(0); else { var range = document.createRange(); range.setStart(userSelection.anchorNode, userSelection.anchorOffset); range .setEnd(userSelection.focusNode, userSelection.focusOffset); } // And the HTML: var clonedSelection = range.cloneContents(); var div = document.createElement('div'); div.appendChild(clonedSelection); return div.innerHTML; } else if (document.selection) { // Explorer selection, return the HTML userSelection = document.selection.createRange(); return userSelection.htmlText; } else { return ''; } }

转自：http://snipplr.com/view/10912/get-html-of-selection/