2012年6月3日

JavaScript 取得選取的文字、HTML

前言

剛剛在使用Chrome的字典插件突然看到一個簡單的功能,但卻又不知道怎麼實作,就是框選網頁並取得框選中的資料內容,就找了一些資料完成了這篇簡短的文章囉,廢話不多說,直接補上這段程式碼給大家參考。

取得選取的純文字

// 取得選取的純文字內容 function getSelectionText() { var txt = ''; if (window.getSelection){ txt = window.getSelection(); } else if (document.getSelection){ txt = document.getSelection(); } else if (document.selection){ txt = document.selection.createRange().text; } else return; return txt; }

取得選取HTML

// 取得選取的HTML內容 function getSelectionOuterHtml() { var txt = ''; if (window.getSelection){ txt = window.getSelection().extentNode.outerHTML; } else if (document.getSelection){ txt = document.getSelection().extentNode.outerHTML; } else if (document.selection){ txt = document.selection.createRange().htmlText ; } else return; return txt; }


沒有留言:

ShareThis