dataTable可编辑单元格对双击事件没有响应

dataTable editable cell not responding to double click event

本文关键字:事件 响应 双击 编辑 单元格 dataTable      更新时间:2023-09-26

我有一个定义为

的数据表
<table id="table1"></table>
$('#table1').dataTable({
    /*definition goes here*/
});

当前可以使用KeyTables插件编辑这个表。

但是,我想让它在双击

时可编辑

我试着

$('#table1 tbody tr td').dblclick(function(){
    var e = jQuery.Event('keypress');
    e.keyCode = 13;
    e.which = 13;
    $(this).trigger(e);
});

但是,这不会触发dataTable单元格上的enter键事件。

表中的tr是动态生成的,因此它不会以这种方式获得事件绑定,因此您可以使用.on()方法使用event delegation:

$('#table1').on('dblclick', 'td', function(){

这是将事件委托给最近的静态父节点的特定语法。

$(staticParent).on(event, selector, callback);