js如何獲取文字框內被選中的字串

admin發表於2017-04-01
JS字串

本章節介紹一下如何獲取文字框內被選中的字串。

下面就是一段能夠實現此功能的程式碼例項，需要的朋友可以做一下參考。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
function getFieldSelection(select_field){
  word='';
  if(document.selection){
    var sel=document.selection.createRange();
    if(sel.text.length>0){
      word=sel.text;
    }
  }
  else if(select_field.selectionStart||select_field.selectionStart=='0'){
    var startP=select_field.selectionStart;
    var endP=select_field.selectionEnd;
    if(startP!=endP){
      word=select_field.value.substring(startP, endP);
    }
  }
  return word;
}
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    alert(getFieldSelection(document.getElementById('txt')))
  }
}
</script>
<body>
<textarea id="txt" rows="3" cols="20">螞蟻部落歡迎您</textarea>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

相關文章