javascript 获取选中的部分文本值

来源：互联网发布：影视类毕业设计知乎编辑：程序博客网时间：2024/05/20 23:44

<html >
<head>
<title>javascript 鼠标选中部分值</title>
<style type="text/css">
::selection{color: blue; /* Safari */}
</style>

</head>
<body>
<h1 id="title_1"> 更改选中部分颜色</h1>
<textarea id="tarea" onselect="doit()" onfocus="setStyle(this.id)" cols='60' rows='10'></textarea>
</body>
</html>

<script type="text/javascript">
a="^_^"
// document.getElementById("title_1").innerHTML=a;
document.getElementById("tarea").value=a;
function setStyle(x)
{
document.getElementById(x).style.background="blue"
}

function cleartxt()
{
this.value="";
}
function doit()
{
var ta=document.getElementById("tarea")
if (document.selection) { //For IE
var sel = document.selection.createRange();
if (sel.text.length<1){alert("你没有选中文字 - -!");return false}
alert(sel.text)
}
else{
var startPos = ta.selectionStart
var endPos = ta.selectionEnd
if (startPos == endPos){alert("你没有选中文字 - -!");return false}

//a = document.getElementById("tarea").value.length()
a="^_^ 你选中了："+ta.value.substring(startPos,endPos)
document.write(a)

//document.write(a)
//当文档加载完成时 document.write方法会重写文档
// write方法参数不能ta.value.substring(startPos,endPos)+“不能用加号连接")

}
ta.focus()
}

</script>