js的getSelect

求解：想用这段代码在textarea中获取选中的文本，问什么不行啊
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>documentanchors.html</title>
  </head>
  <script language = "javascript">
   function showSelect(obj){alert("fff");
   document.forms[0].selectText.value=document.getSelection();//document.forms[0].selectText.value得到文档中第一个form中名字为selectText的对象的值 
   }
  
  </script>
  <body>
   <B>请选择一些文本</B>
 <h1 onmouseup = "showSelect()">我刚和东莞很温和哦文化宫哦姐夫王红</h1>
  <form>
  <textarea name = "selectText" rows = "3" cols = "40"></textarea>
  </form>
  </body>
</html>

解决方案 »

  1.   

    不兼容IE吧！
    下面代码在IE8下和火狐14.0.1下可用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta charset="utf-8" />
    <title>documentanchors.html</title>
    </head>
    <script language = "javascript">
    function showSelect(obj) {
    var word = '';
    if (document.selection) {
    o = document.selection.createRange();
    if (o.text.length > 0)
    word = o.text;
    } else {
    word = document.getSelection();
    }
    document.forms[0].selectText.value = word;
    //document.forms[0].selectText.value得到文档中第一个form中名字为selectText的对象的值
    } </script>
    <body>
    <B>请选择一些文本</B>
    <h1 onmouseup = "showSelect()" id="test">我刚和东莞很温和哦文化宫哦姐夫王红</h1>
    <form>
    <textarea name = "selectText" rows = "3" cols = "40"></textarea>
    </form>
    </body>
    </html>
      

  2.   

    SCRIPT438: 对象不支持“getSelection”属性或方法 
    IE不兼容吧。。