javascript獲取選中的文本的方法代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
相關(guān)文章
js DIV滾動(dòng)條隨機(jī)位置的設(shè)置技巧
剛才一個(gè)朋友告訴我他的blog友情鏈接太多了，所以把所有鏈接放到一個(gè)DIV中，加了個(gè)滾動(dòng)條，可是他又不想每次別人來(lái)看，看到的都是前面幾個(gè)鏈接，于是問(wèn)我有沒(méi)有什么辦法，想了一個(gè)，呵呵，正好有個(gè)辦法2008-11-11
本文給大家匯總分享了幾種使用javascript實(shí)現(xiàn)判斷圖片路徑是否存在的代碼，都是平時(shí)項(xiàng)目中用到過(guò)的，這里總結(jié)一下，有需要的小伙伴可以參考下。2015-04-04
原生JS實(shí)現(xiàn)多個(gè)小球碰撞反彈效果示例
這篇文章主要介紹了原生JS實(shí)現(xiàn)多個(gè)小球碰撞反彈效果,結(jié)合完整實(shí)例形式分析了javascript實(shí)現(xiàn)小球碰撞的相關(guān)數(shù)值計(jì)算、隨機(jī)數(shù)生成、事件響應(yīng)等操作技巧,需要的朋友可以參考下2018-01-01
JS判斷客服QQ號(hào)在線(xiàn)還是離線(xiàn)狀態(tài)的方法
這篇文章主要介紹了JS判斷客服QQ號(hào)在線(xiàn)還是離線(xiàn)狀態(tài)的方法,可實(shí)現(xiàn)完整的判斷QQ在線(xiàn)及對(duì)話(huà)的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
一文掌握J(rèn)avaScript數(shù)組常用工具函數(shù)總結(jié)
這篇文章主要介紹了一文掌握J(rèn)avaScript數(shù)組常用工具函數(shù)總結(jié)，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值2022-06-06
微信小程序?qū)崿F(xiàn)事件傳參與數(shù)據(jù)同步流程詳解
這篇文章主要介紹了微信小程序開(kāi)發(fā)中實(shí)現(xiàn)事件傳參與數(shù)據(jù)同步的詳細(xì)流程，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-10-10
這篇文章主要介紹了JS中Promise的使用及封裝方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
詳細(xì)聊聊TypeScript中any unknown never和void的區(qū)別
這篇文章主要給大家聊聊TypeScript 中 any、unknown、never 和 void 有什么區(qū)別，文中有詳細(xì)的代碼實(shí)例講解，具有一定的參考價(jià)值,需要的朋友可以參考下2023-07-07
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)翻書(shū)特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
three.js是一款webGL框架，由于其易用性被廣泛應(yīng)用。接下來(lái)通過(guò)本文給大家分享three.js加載obj模型的實(shí)例代碼，需要的朋友參考下吧2017-11-11