редактируемое событие содержимого таблицы

Question

Есть ли событие в содержимом строки таблицы, которое можно редактировать, чтобы получить значение, когда пользователь нажимает клавишу ввода или фокус на отредактированной ячейке теряется.Мне просто интересно, может ли пользователь изменять в ячейке столько, сколько он хочет, и когда он это сделает, есть что-то вроде кнопки, которая применяет изменения и выполняет однократный запрос на обновление таблицы.

В настоящее времяУ меня есть такая таблица:

<table class="sortable" border="1" id="myTable" >
      <thead>
          <tr>
              <th>ID No</th>
              <th>Sec ID</th>
              <th>Employee</th>
              <th>Dept</th>
              <th>Code</th>
              <th>Train</th>
              <th>Cert</th>
              <th>Prog</th>
              <th>Date</th>
          </tr>
      </thead>
      <tbody>
          @foreach (var item in details)
          {
              <tr>                  
                  <td>@item.ID</td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.secID</td>
                  <td>@item.name </td>
                  <td>@item.dept </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.Code </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.train </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.cert  </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.prog  </td>
                  <td>@item.date </td>
              </tr>
          }
      </tbody>
</table>

Я просто хочу собрать отредактированные строки и сохранить их в переменной или списке и передать их в мой запрос на обновление через ajax.

Любые предложения / комментарии TIA.

Answer 1

Вы можете просто использовать это при изменении обработчика событий:

document.getElementById("myTable").addEventListener("change", function(event) {
    //do whatever
})