在表的td contenteditable上调用jQuery onchange事件

Question

我有一张桌子，其中一些td是可以满足的。我试图在td的值改变时调用jQuery事件。

<tr data-type="0" data-id="3">
<td>Dashain Bonus</td>
<td class="editable" contenteditable="true">1000</td>
<td hidden="true"></td></tr>

我尝试按如下方式调用jQuery事件：

        $('td.editable').blur(function(){
console.log("cool");
    });

Answer 1

我找到了解决问题的方法，但对我来说效果很好。

我有桌子：

    <table>
   <thead>
      <tr>
         <th>Allowance</th>
         <th>Amount</th>
      </tr>
   </thead>
   <tbody>
      <tr data-type="0" data-id="3">
         <td>Dashain Bonus</td>
         <td class="editable" contenteditable="true">1000</td>
      </tr>
   </tbody>
</table>

要在TD上调用偶数，这是唯一的，只有我以这种方式使用了jQuery focusout事件。

$('table').on('focusout input', 'td[contenteditable]', function() {
    console.log("its cool.");
});

现在可以调用任何事件。