html5table双击事件,jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法...

本文实例讲述了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法。分享给大家供大家参考，具体如下：

JS鼠标双击事件 onDblClick

修改" οndblclick="ShowElement(this,

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

=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();

}

希望本文所述对大家jQuery程序设计有所帮助。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！