< head >
< title > new document </ title >
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< style >
body { font-size:12px; }
#show { background-color:#CCFF99; }
</ style >
</ head >
< body >
< textarea id="content" cols="30" rows="10">
河中魚(yú)類(lèi)離奇死亡,下游居民頻染怪病,沿岸植物不斷變異,是殘留農(nóng)藥?還是生化攻擊?敬請(qǐng)關(guān)注今晚CCTV-10《科學(xué)探索》,即將播出的專(zhuān)題節(jié)目:《神秘的河邊洗腳人--中國(guó)男足》
</ textarea >
< button id="btn">獲取選中值</ button >
< div id="show"></ div >
< script >
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, "");
}
/* 方法一 FF下有點(diǎn)問(wèn)題 */
function getSelectText() {
try{
// IE: document.selection.createRange() W3C:window.getSelection()
var selectText = (document.selection && document.selection.createRange )? document.selection.createRange().text : window.getSelection().toString();
if(selectText != null && selectText.trim() != ""){
return selectText;
}
}catch(err){}
}
/* 方法二 */
function getSelectText2(id) {
var t = document.getElementById(id);
if(window.getSelection) {
if(t.selectionStart != undefined && t.selectionEnd != undefined) {
return t.value.substring(t.selectionStart, t.selectionEnd);
} else {
return "";
}
} else {
return document.selection.createRange().text;
}
}
document.getElementById('btn').onclick = function() {
document.getElementById('show').innerHTML = getSelectText2('content');
}
</ script >
</ body >
</ html >
|