jQuery實現滑鼠雙擊Table儲存格變成文字框及輸入內容後更新到資料庫的方法_jquery

本文執行個體講述了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 += "onkeypress='return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46'";  str += "onpaste='return !clipboardData.getData('text').match(/\D/)'";  str += "ondragenter='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();}

希望本文所述對大家jQuery程式設計有所協助。