前言
剛剛在使用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;
}
沒有留言:
張貼留言