Jquery实现鼠标双击Table单元格变成文本框，输入内容并更新到数据库

JS鼠标双击事件 onDblClick

    
   <
   td width
   =
   "
   10%
   "
    title
   =
   "
   双击修改
   "
    ondblclick
   =
   "
   ShowElement(this,<%#Eval(
   "
   id
   "
   ) %>
   

   </
   td
   >
  

 这里的本人用绑定的值是传的当前行对应的ID号，

   function
    ShowElement(element, productid, flag, ishotorcommend) {
    
   if
    (flag 
   ==
    
   0
    
   &&
    ishotorcommend 
   ==
    
   0
   ) {
        alert(
   "
   请先设置该产品为推荐
   "
   );
        
   return
   ;
    }
    
   if
    (flag 
   ==
    
   1
    
   &&
    ishotorcommend 
   ==
    
   0
   ) {
        alert(
   "
   请先设置该产品为热销
   "
   );
        
   return
   ;
    }
    
   var
    oldhtml 
   =
    element.innerHTML;
   //
   原单元格里的值
   

       
   var
    str 
   =
    
   "
   <input type='text' name='test' style='width:50%;'
   "
   ;
    str 
   +=
    
   "
   οnkeypress='return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46'
   "
   ;
    str 
   +=
    
   "
   οnpaste='return !clipboardData.getData('text').match(/\D/)'
   "
   ;
    str 
   +=
    
   "
   οndragenter='return false' />
   "
   ;
    
   var
    newobj 
   =
    document.createElement(str);   
   //
   创建新的input元素
   

     
    newobj.setAttribute(
   "
   value
   "
   , oldhtml);
   //
   把原来单元格中的值赋给文本框
   

   
    newobj.onblur 
   =
    
   function
   () {

        element.innerHTML 
   =
    
   this
   .value 
   ?
    
   this
   .value : oldhtml; 
   //
   当触发时判断新增元素值是否为空，为空则不修改，并返回原有值 
   

           
   var
    sort 
   =
    element.innerHTML;
        $.get(
   "
   UpdateFlag.ashx?sort=
   "
    
   +
    sort 
   +
    
   "
   &&productid=
   "
    
   +
    productid 
   +
    
   "
   &&flag=
   "
    
   +
    flag, 
   function
   (data) { });
    }
    element.innerHTML 
   =
    
   ''
   ;
    element.appendChild(newobj);
   //
   把新的值赋到单元格
   

       newobj.focus();
}