js获得选中文本

corefashion 2015-05-06

展开全文

Html代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<TITLE>test.html</TITLE>
<style type="text/css">
#result { font-style:italic;border:1px solid; height:100px;overflow:auto;}
</style>
<SCRIPT type="text/javascript">
//适用于火狐
function FF_ButtonClickListener() {
document.getElementById("result").innerHTML = window.getSelection();
}
//适用于IE
function IE_ButtonListener() {
document.getElementById("result").innerHTML = document.selection.createRange().text;
}
</SCRIPT>
</HEAD>
<BODY>
<p>
Select a text and click the FF_test or IE_test button.
</p>
<b>show selected text:</b><div id="result"></div>
<input type="button" value="FF_test" onclick='FF_ButtonClickListener();'/>
<input type="button" value="IE_test" onclick='IE_ButtonListener();'/>
</BODY>
</HTML>