Как отследить, что в ячейке таблицы поменялось значение?

let target = document.querySelector('.heavyTable');
 
const mutationListener = (mutations) => {
  for (let mutation of mutations) {
    if (mutation.type === 'characterData'){
      mutation.target.parentNode.parentNode.dataset.new=2
    }
  }
}
let observer = new MutationObserver(mutationListener);
observer.observe(target, { 
  subtree: true
});
window.onunload=()=>{observer.disconnect()}

//получаем таблицу в качестве наблюдаемого объекта. Почему не ячейку спросите Вы? Отвечаю, в этом случае пришлось прочесать их все. И каждой повесить наблюдателя? Бред...
let target = document.querySelector('.heavyTable');
 
 // здесь по ссылке мы будем записывать изменения. И проходя по ним циклом, определять какие нам нужны. В данном случае, мы остановимся на [B]subtree[/B]. Этот тип мутациий будет наблюдать за любыми изменениями внутри цели, то есть таблицы. И как только пройдет совпадение, мы поменяем у родителя ячейки, то есть строки, нужный атрибут. Вы спросите, как так? Мы же следим за таблицей. А тут ловим изменение ячейки. Дело в делегировании. Событие чекнувшее на элементе, относится и к потомкам.
const mutationListener = (mutations) => {
  for (let mutation of mutations) {
    if (mutation.type === 'characterData'){
      mutation.target.parentNode.parentNode.dataset.new=2
    }
  }
}
 
// здесь мы собственно создаем наблюдатель. Почему ниже  в коде? Все просто - интерпретатор сначала собирает объявления, потом выражения. Поэтому в принципе плевать где мы его объявим.
let observer = new MutationObserver(mutationListener);
 
//А здесь мы определяем опции наблюдателя. В качестве такой опции мы установили как раз [B]subtree[/B]
observer.observe(target, { 
  subtree: true
});
 
// Этой строчкой мы отключаем наблюдателя от страницы по событию выхода с документа
window.onunload=()=>{observer.disconnect()}

let target = document.querySelector('.heavyTable');
 
const mutationListener = (mutations) => {
  for (let mutation of mutations) {
    if (mutation.type === 'characterData'){
      mutation.target.parentNode.parentNode.dataset.new=2
    }
  }
}
let observer = new MutationObserver(mutationListener);
observer.observe(target, {
  childList: true,
  characterData: true,
  subtree: true
});
window.onunload=()=>{observer.disconnect()}

mutation.target.parentNode.parentNode.dataset.new=2

Uncaught TypeError: Cannot read property 'parentNode' of null
    at MutationObserver.mutationListener

let target = document.querySelector('.heavyTable');
 
const mutationListener = (mutations) => {
  for (let mutation of mutations) {
    if (mutation.type === 'characterData'&&mutation.target.parentNode.parentNode.dataset.new==1){
      mutation.target.parentNode.parentNode.dataset.new=2
    }
  }
}
let observer = new MutationObserver(mutationListener);
observer.observe(target, {
  childList: true,
  characterData: true,
  subtree: true
});
window.onunload=()=>{observer.disconnect()}

document.querySelector('.heavyTable').addEventListener('input',e=>{
  if(e.target.tagName=='TD') alert(1)
})

document.querySelector('.heavyTable').addEventListener('input',e=>{
  alert(11)
})