[Vue3 + TS + Vite] 获取网页选中内容的字符串格式或HTML格式
获取网页选中内容的字符串格式
let selected_text_by_mouse: any// 获取选中的文字
const mouse_selected_text=(event:MouseEvent)=>{const selection = window.getSelection();if(selection && selection.rangeCount > 0){const content = selection.toString();selected_text_by_mouse = content}else{selected_text_by_mouse=""}
}
获取网页选中内容的HTML格式
（无法获取选中文字最外面的HTML标签）
例如：
<p>一<span>段文</span>字</p>
选中“一段文字”之后，得到的是：
一<span>段文</span>字
而不是：
<p>一<span>段文</span>字</p>
let selected_text_by_mouse: any// 获取选中的文字
const mouse_selected_text=(event:MouseEvent)=>{const selection = window.getSelection();if(selection && selection.rangeCount > 0){const range = selection.getRangeAt(0)const clonedFragment = range.cloneContents()// 创建一个临时容器以容纳克隆的片段const innerTmpContainer = document.createElement('div')innerTmpContainer.appendChild(clonedFragment)const contentHtmlString = innerTmpContainer.innerHTML// 清除临时容器（可选）innerTmpContainer.remove()const content = contentHtmlStringselected_text_by_mouse = content}else{selected_text_by_mouse=""}
}