可编辑层光标如何定位？谢谢

比如说，我想把光标定在可编辑层的第十个字符位置，应该怎么做呢？谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
dfsifdogihsdfoi
<div style="border:1px solid red;" contentEditable=true>fsfghsofdugosfydgsdfghosdfuyg dfuosifudso sfdyosudf</div>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head > 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" / > 
    <title >无标题文档 </title > 
    </head > <body > 
    dfsifdogihsdfoi 
    <div style="border:1px solid red;" contentEditable="true" id="jia">fsfghsofdugosfydgsdfghosdfuyg dfuosifudso sfdyosudf </div> 
    <script language="javascript">
    function f(){
    var rng = document.selection.createRange();
    rng.moveStart("character",10);
    rng.select();
    }
    window.onload = function(){
    document.getElementById("jia").focus();
    f();
    }
    </script>
    </body > 
    </html >