象这种选中的效果用js怎么写


象这种换行的 是用textarea 还是 input type=text

解决方案 »

  1.   

    可以用textarea，也可以用可编辑的DIV<script>
    function doit(obj){
       obj.style.backgroundColor = "#FFF";
       obj.contentEditable = true;
       obj.border = "1px solid #000";
       selText(obj);
       event.cancelBubble = true;
    }
    function selText(obj){
    var rng = document.body.createTextRange();
    rng.moveToElementText(obj);
    rng.select();
    }   
    window.onload = function(){
       document.body.onclick=function(){
         var obj = document.getElementById("pad");
     obj.style.backgroundColor = "#CCC";
     obj.contentEditable = false;
         obj.border = "0px none";
       }
    }
    </script>
    <body style="background-color:#CCC">
    <div id="pad" style="text-align:center;width:60px;font-size:12px" onclick="doit(this)">新建文本文件.txt</div>
    </div>
    </body>
      

  2.   

    弱弱问下 contentEditable 兼容吗
      

  3.   

    不是所有浏览器支持的，ie8可以的，不加doctype声明的话
      

  4.   

    必须加啊 不然 其他css不乱套了  
      

  5.   

    那就用testarea吧，兼容性好点