iframe选中区域问题

问题是这样的
我现在iframe里面输入字母
然后在选中一些字母
然后点那个<span>
我希望的效果是  我点了一下span后 那写文字仍然是选中的
这个该如何实现!~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<script>
var ed = null;
var cd = null;
window.onload = function() {
    var o = document.getElementById("ss"); 
    ed = document.all?o.contentWindow.document:o.contentDocument;
    ed.open();
    ed.write('<html><head><style>html,body{margin:5px;font:14px;word-wrap:break-word}</style></head><body id="my_body"></body></html>');
    ed.close();
    ed.contentEditable = true;
    ed.designMode = 'on';
};</script>
</head>
<BODY>
<span style=" height:30px; width:30px; background-color:#999900; zoom:1; cursor: pointer">123 </span><br>
<IFRAME id="ss" height="200" src="about:blank" width="200" ></IFRAME>
</BODY></HTML>

解决方案 »

  1.   

        ed.open();
        ed.write('<html><head><style>html,body{margin:5px;font:14px;word-wrap:break-word}</style></head><body id="my_body"></body></html>');
        ed.close();
        ed.contentEditable = true;
        ed.designMode = 'on';
    这样些不太好吧，
        ed.designMode = 'on';
        ed.open();
        ed.write('<html><head><style>html,body{margin:5px;font:14px;word-wrap:break-word}</style></head><body id="my_body"></body></html>');
        ed.close();
    好点哦，对于其它的浏览器可能有不一样的问题出现了，