Jquery 在表'；s td内容可编辑

我有一张桌子，它的一些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>

---

我找到了一个解决问题的方法，它对我很有效

我有一张桌子：

    <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.editable'）.val（）.on（'change'，function（）{console.log（'change has！'）；}）我解答并发布了答案。谢谢。不要使用模糊
或聚焦输出

，因为您没有更改任何内容，只需单击，然后单击“上一步”。哦！那么我最好使用change而不是focusout。实际上也不需要这样做，只需使用

input

    <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>

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