Question

我正在尝试检测由普通文本单元格以及各种不同输入单元格组成的html表格中的更改。从以前的问题中我能找到的最好的是：

$("td").change(function() {
    alert( "Handler for .change() called." );
});

足够简单吧？向每个表格单元格添加更改事件。但问题是它只适用于包含输入的单元格。任何想法如何使它们适用于普通文本单元格，如：

<td>Hello World</td>

感谢您的帮助

Answer 1

将contenteditable属性设置为true contenteditable="true"和input event

$("td").on('input',function() {
    alert( "Handler for .change() called." );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td contenteditable="true">January</td>
    <td contenteditable="true">$100</td>
  </tr>
</table>

将更改事件添加到每个表格单元格

1 个答案: