我具有用于表编辑的以下功能:
$(function () {
$("td").dblclick(function () {
var OriginalContent = $(this).text();
$(this).addClass("cellEditing");
$(this).html("<input type="text" value="" + OriginalContent + "" />");
$(this).children().first().focus();
$(this).children().first().keypress(function (e) {
if (e.which == 13) {
var newContent = $(this).val();
$(this).parent().text(newContent);
$(this).parent().removeClass("cellEditing");
}
});
$(this).children().first().blur(function(){
$(this).parent().text(OriginalContent);
$(this).parent().removeClass("cellEditing");
});
});
});
像这样工作:http : //www.ssiddique.info/demo/editable-table-using-jquery
如果我双击td,则将输入添加到单元格,不幸的是,如果我在输入内部双击,也会触发doubleclick,从而导致输入为空。
如何防止第二次双击?还是仅在td不包含输入时才触发doubleclick?
谢谢,
本书
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句