欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript獲取選中的文本的方法代碼

 更新時間:2013年10月30日 16:02:17   作者:  
這篇文章介紹了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 DIV滾動條隨機位置的設置技巧

    js DIV滾動條隨機位置的設置技巧

    剛才一個朋友告訴我他的blog友情鏈接太多了,所以把所有鏈接放到一個DIV中,加了個滾動條,可是他又不想每次別人來看,看到的都是前面幾個鏈接,于是問我有沒有什么辦法,想了一個,呵呵,正好有個辦法
    2008-11-11
  • 完美兼容多瀏覽器的js判斷圖片路徑代碼匯總

    完美兼容多瀏覽器的js判斷圖片路徑代碼匯總

    本文給大家匯總分享了幾種使用javascript實現(xiàn)判斷圖片路徑是否存在的代碼,都是平時項目中用到過的,這里總結一下,有需要的小伙伴可以參考下。
    2015-04-04
  • 原生JS實現(xiàn)多個小球碰撞反彈效果示例

    原生JS實現(xiàn)多個小球碰撞反彈效果示例

    這篇文章主要介紹了原生JS實現(xiàn)多個小球碰撞反彈效果,結合完整實例形式分析了javascript實現(xiàn)小球碰撞的相關數(shù)值計算、隨機數(shù)生成、事件響應等操作技巧,需要的朋友可以參考下
    2018-01-01
  • JS判斷客服QQ號在線還是離線狀態(tài)的方法

    JS判斷客服QQ號在線還是離線狀態(tài)的方法

    這篇文章主要介紹了JS判斷客服QQ號在線還是離線狀態(tài)的方法,可實現(xiàn)完整的判斷QQ在線及對話的功能,是非常實用的技巧,需要的朋友可以參考下
    2015-01-01
  • 一文掌握JavaScript數(shù)組常用工具函數(shù)總結

    一文掌握JavaScript數(shù)組常用工具函數(shù)總結

    這篇文章主要介紹了一文掌握JavaScript數(shù)組常用工具函數(shù)總結,文章圍繞主題展開詳細的內容介紹,具有一定的參考價值
    2022-06-06
  • 微信小程序實現(xiàn)事件傳參與數(shù)據(jù)同步流程詳解

    微信小程序實現(xiàn)事件傳參與數(shù)據(jù)同步流程詳解

    這篇文章主要介紹了微信小程序開發(fā)中實現(xiàn)事件傳參與數(shù)據(jù)同步的詳細流程,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習吧
    2022-10-10
  • JS中Promise的使用及封裝方式

    JS中Promise的使用及封裝方式

    這篇文章主要介紹了JS中Promise的使用及封裝方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • 詳細聊聊TypeScript中any unknown never和void的區(qū)別

    詳細聊聊TypeScript中any unknown never和void的區(qū)別

    這篇文章主要給大家聊聊TypeScript 中 any、unknown、never 和 void 有什么區(qū)別,文中有詳細的代碼實例講解,具有一定的參考價值,需要的朋友可以參考下
    2023-07-07
  • 原生JS實現(xiàn)翻書特效

    原生JS實現(xiàn)翻書特效

    這篇文章主要為大家詳細介紹了原生JS實現(xiàn)翻書特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • three.js加載obj模型的實例代碼

    three.js加載obj模型的實例代碼

    three.js是一款webGL框架,由于其易用性被廣泛應用。接下來通過本文給大家分享three.js加載obj模型的實例代碼,需要的朋友參考下吧
    2017-11-11

最新評論