Javascript 使用jquery更改td contenteditable单元格时触发事件

Javascript 使用jquery更改td contenteditable单元格时触发事件,javascript,jquery,Javascript,Jquery,我有一个表格,我只需要让用户修改一个数字字段,看起来最简洁的方法就是修改单元格本身。在服务器端,我有一个响应success的方法:如果数据库中的更改成功,则为true;反之,则为success:false <td class="editQty" contenteditable>1000</td> 您可以使用一个标准的输入元素来获取用户输入的值,并在其上应用.blur()(也可能是.keypress())事件,以及一些dom操作来实现这一点。它可以如下所示: $('td

我有一个表格,我只需要让用户修改一个数字字段,看起来最简洁的方法就是修改单元格本身。在服务器端,我有一个响应success的方法:如果数据库中的更改成功,则为true;反之,则为success:false

<td class="editQty" contenteditable>1000</td>

您可以使用一个标准的
输入
元素来获取用户输入的值,并在其上应用
.blur()
(也可能是
.keypress()
)事件,以及一些dom操作来实现这一点。它可以如下所示:

$('td[contenteditable]”)。在('click',function()上{
var td=$(本);
如果(!td.hasClass('editing')){
td.addClass(“编辑”);
变量输入=$('');
input.on('blur',function(){
//fire ajax
log('fireajax');
/*下一行内容涉及ajax:成功*/
td.text(input.val());
$(this.remove();
console.log('input removed');
td.removeClass(“编辑”);
});
$(this).empty().append(输入);
}
});

标题
1000

1000或1000问题很清楚,你能粘贴你的桌面吗?模糊是焦点的对立面
$('tr').on('input', 'td[contenteditable]', function() {
        alert("whatever");
    });
$('tr').on('blur', 'td[contenteditable]', function() {
    alert("whatever");
});