js获取选中文本值的实例代码

在某些应用下，需要获取选中文本的内容，下面就通过代码实例简单介绍一下如何实现此功能。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>获取选中的文本的内容-51前端</title>
<style type="text/css">
body{font-size:12px;}
#show{
  background-color:#CCFF99;
  width:300px;
  display:none;
}
</style>
<script type="text/javascript">   
String.prototype.trim=function(){    
  return this.replace(/^\\s+|\\s+$/g, "");    
} 
function getSelectText(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;
  }
}
window.onload=function(){
  var bt=document.getElementById('btn');
  var oshow=document.getElementById("show");
  bt.onclick=function(){
    oshow.style.display="block";
    oshow.innerHTML=getSelectText('content');
  }  
}
</script>
</head>
<body>   
<textarea id="content" cols="30" rows="10">51前端欢迎您，只有努力才会有美好的未来</textarea>   
<button id="btn">获取选中值</button>
<div id="show"></div>
</body>   
</html>

代码描述：js文本值。js获取选中文本值的实例代码

下载全部收藏

131 175

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册