Слушатель событий jQuery, когда текст изменился в ячейке ‹td›?

Чтобы расширить ответ mway на , вот код.

var td = $('#my-table tr td:eq(1)');
var tdHtml = td.html();
setInterval(function() {

    if (td.html() !== tdHtml) {
         // it has changed
         tdHtml = td.html();
    } 

}, 500);

... и за его второе предложение.

function updateTd(html) {
     $('#my-table tr td:eq(1)').html(html);

     // additional code
}

Вы также можете привязать событие DOMSubtreeModified к элементу, но поддержка браузера не самая лучшая.

Не родное, нет. У вас есть несколько вариантов:

1) Используйте setInterval(), чтобы проверить значение по сравнению с его предыдущим значением, и действуйте соответствующим образом, если оно отличается.

2) Используйте общий метод для изменения содержимого ячейки, чтобы вы также могли выполнять дополнительную логику, когда ее значение изменяется, не перезаписывая его много раз.

Используйте прослушиватель событий ввода.

$(document).on('input', '#table > tbody > tr > td', function(){ })

Ужасы. Возможно, в 2010 году это было приемлемо.

    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {

            let target = mutation.target;
            // when the cell is empty, typing a character involves 1 event:
            // target: TD, type childList, addNodes has 1 element
            if( target.constructor.name === 'HTMLTableCellElement' && mutation.type === 'childList' ){
                if( mutation.addedNodes.length == 1 ){
                    if( mutation.addedNodes[ 0 ].constructor.name === 'Text' ){
                        if( mutation.addedNodes[ 0 ].length == 1 ){
                            console.log( `new 1-char Text added, contents: |${mutation.addedNodes[ 0 ].data}|`)

                            // remove "hanging" BR if applicable
// NB this BR gets added automatically when the Text node is removed on 
// becoming empty. You don't want to remove the BR until new text starts
// to be added, because if you remove the BR immediately the cursor goes
// to a funny location in the cell
                            if( target.childNodes.length == 2 ){
                                if( target.childNodes[ 1 ].nodeName === 'BR' ){
                                    target.removeChild( target.childNodes[ 1 ] )
                                }
                            }
                        }
                    }
                }
            }
            else if( target.constructor.name === 'Text' && mutation.type === 'characterData' ){
                console.log( `Text has changed, contents now: |${target.data}|`)
            }

            const cell = target.constructor.name === 'HTMLTableCellElement'? target : target.parentElement
            // respond to the changed text:
            // NB with the "characterData" mutation where cell is null (Text set to empty string), this is followed immediately
            // by another "childList" mutation where the target is the cell...
            if( cell !== null ){
                console.log( `current cell contents |${cell.innerHTML}|`)
            }



       });
    });

    const config = { attributes: false, childList: true, characterData : true, subtree : true };
    observer.observe( htmlTable, config );