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">
河中魚類離奇死亡，下游居民頻染怪病，沿岸植物不斷變異，是殘留農藥？還是生化攻擊？敬請關注今晚CCTV-10《科學探索》，即將播出的專題節(jié)目：《神秘的河邊洗腳人--中國男足》
</textarea>
<button id="btn">獲取選中值</button>
<div id="show"></div>
<script>
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, "");
}
/* 方法一 FF下有點問題 */
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>
相關文章
這篇文章主要為大家詳細介紹了js實現鼠標切換圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
Bootstrap Table 雙擊、單擊行獲取該行及全表內容
這篇文章主要介紹了Bootstrap Table 雙擊、單擊行獲取該行內容及獲取全表的內容,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
window.showModalDialog參數傳遞中含有特殊字符的處理方法
程序運行出錯經，過檢查發(fā)現傳遞的數據中出現了#等特殊字符，瀏覽器只取到#號前面的數據，后面的被截斷，下面為大家介紹下正確的處理方法2013-06-06
reduce 為數組中的每一個元素依次執(zhí)行回調函數，不包括數組中被刪除或從未被賦值的元素。接下來通過本文給大家分享JS數組Reduce()方法詳解及高級技巧，一起看看吧2017-08-08
今天弄了一個附件圖片上傳的，為了寫一個檢測，很麻煩，后來，發(fā)現一個比較巧妙的方法2009-06-06
這篇文章主要介紹了使用JS實現鼠標放上圖片進行放大離開實現縮小功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
js實現跨域的幾種方法匯總（圖片ping、JSONP和CORS）
平時用慣了jQuery.ajax之類的方法，卻時常忽略了它背后的實現，本文是學習了AJAX基礎及幾種跨域解決方案之后的一些收獲。2015-10-10
計數排序是一種高效的線性排序，它通過計算一個集合中元素楚翔的次數來確定集合如何排列，計數排序不需要進行數據的比較，所有他的運行效率前面介紹的都高2014-04-04
這篇文章主要介紹了JS實現類似51job上的地區(qū)選擇效果,結合完整實例形式分析了javascript基于鼠標事件響應實現頁面元素動態(tài)變換的相關操作技巧,需要的朋友可以參考下2016-11-11
javascript中的對象繼承的方法有很多，在接下來的文章中為大家介紹下使用apply方法是如何實現的2013-12-12