在文本框中按回车或是<br>后输出为<br>

本帖最后由 ldii3 于 2009-07-24 11:42:33 编辑

解决方案 »

  1.   

    document.getElementById(pid).innerHTML = obj.value.replace(/\n/g, "<br/>")
      

  2.   

     <script language="javascript">
    function ff(obj,pid){
    var a=/</gi;
    var b=/>/gi;
    var xx=obj.value;
    xx=xx.replace(/</gi,"&lt;");
    xx=xx.replace(/>/gi,"&gt;");
     document.getElementById(pid).innerHTML = xx;
    }
    </script><form  name="form" method="get" action="1.html">
      属性一
      ：
        <textarea name="user1" id="user" onblur="ff(this, 'a')"></textarea>    
    </form>
       <pre id="a"></pre>简单实现
      

  3.   

    我测试过了，不是输出后内容换行，而是输出后的结果为：abc<br>abc
    div显示的是abc<br>abc不是
    abc
    abc
      

  4.   

    没有看到效果啊，例如：在文本框输入
    aaa
    bbb
    ccc
    或在文本框中写aaa<br>bbb<br>ccc
    输出后的值为aaa<br>bbb<br>ccc
    即<div>处显示的为aaa<br>bbb<br>ccc
      

  5.   


    <!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>
    <script type="text/javascript" src="http://www.fangleo.cn/api/js/jquery.js"></script>
    <script type="text/javascript" language="javascript">
    function eKey(e){
        var evt=getEvent();
        var currKey=evt.keyCode||evt.which||evt.charCode;
        if (currKey==13){
    $("#container").append("<br />");  
            //$("#container").append($("#message").val()+"<br />");    
            //$("#message").val("");
        }
        
        
    }
    function getEvent(){     //兼容ie,ff
             if(document.all)  return window.event;        
             func=getEvent.caller;            
             while(func!=null){    
                 var arg0=func.arguments[0];
                 if(arg0){
                     if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
                        || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){    
                         return arg0;
                      }
                  }
                  func=func.caller;
              }
            return null;
     }
    //window.onload=function(){
    //    document.getElementById("message").onclick=eKey;
    // };//document.onclick=eKey;
    </script>
    <style type="text/css">
    </style>
    </head>
    <body>
    <div id="container">
    </div>
    <textarea name="message" id="message"  onkeydown="eKey()"></textarea>
    </body>
    </html>
      

  6.   


     function ff(obj,pid){
        var value = obj.value;
        value = value.replace(/\n|<br>/g,"&lt;br&gt;");
        document.getElementById(pid).innerHTML = value;
     }
      

  7.   

    <html>
    <head>
    <title>JS Test</title>
    <script language="javascript">
     function ff(obj,pid){
        var value = obj.value;
        value = value.replace(/\n/g,"&lt;br&gt;");
    value = value.replace(/</g,"&lt;");
    value = value.replace(/>/g,"&gt;");
        document.getElementById(pid).innerHTML = value;
     }</script
    </head>
    <body>
    <form>
    <div id="text"></div>
    <textarea id="findValue" onblur="ff(this, 'text');" ></textarea>
    </form>
    </body>
    <html>
      

  8.   

    document.getElementById(pid).innerHTML = obj.value.replace(/\n/g, " &lt;br/&gt;")