javascript滑鼠點擊文字變文字框代碼

代碼如下

複製代碼

<style type="text/css">  body{font-size:13px;}  .sortname{height:30px;} </style> <script src="/jquery-1.7.1.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){  $(".sortname").click(function(){    if($(this).find(".sort_input").attr("type") == "text"){return false;}    var name = $.trim($(this).html());    var m = $.trim($(this).text());    $(this).html("<input type=text value=""+name+"" class="sort_input">");    $(this).find(".sort_input").focus();    $(this).find(".sort_input").bind("blur", function(){     var n = $.trim($(this).val());     if(n != m && n != ""){      //window.location = "sort.php?val="+encodeURIComponent(n);      //發送資訊      $(this).parent().html(n);     }else{      $(this).parent().html(name);     }    });  }); }); </script> </head> <body> <div class="sortname">百度</div> <div class="sortname">Google</div>