Jquery实现双击表单元格可编辑

 

<script type="text/javascript">
function doTableTdEditClick(param){
    doTdEditable(param);
}
function doTdEditable(param){
    var input ="<input type='text' id='temp' value='"+$(param).text()+"' />";
    $(param).text("").append(input);
    var inputObj = $(param).find("input");
    inputObj.focus();
    inputObj.dblclick(function(){
        inputObj.blur();
        return;
    });
    inputObj.blur(function(){
        if($(this).val()==""){
            $(this).closest("td").text(" ");
        }else{
            $(this).closest("td").text($(this).val());
        }
        return;
    });
}
$("table.tableTdEdit").find("TD.cellEdit").each(function(index,domEle){
    $(domEle).css("background","#3A96F6");
    $(domEle).attr("ondblclick","doTableTdEditClick(this);");
    return;
});
</script>

转载于:https://www.cnblogs.com/title/p/3944574.html