Как зарегистрировать событие onchange для <td>

Question

Мне нужно записать событие изменения на TD ниже. Всякий раз, когда изменяется его содержимое (в данном случае «Измерение Rosemount»), мне нужно вызвать функцию. Я не думаю, что принимает атрибут «onchange» ... так вот в чем проблема. Это можно сделать?

<TD style="PADDING-LEFT: 6px; CURSOR: default" id="A0.R0.Indexed Pick 3" class="fv fvu" title="Rosemount Measurement" _savedBKClr>Rosemount Measurement</TD> 

Я вывешу экран печати большей части кода, в который входит выше линии (в случае, если это помогает).

Answer 1

Я хотел бы предложить использовать пользовательские события, например, contentchange, и вызывая его из src, который изменяет содержимое.

Подписаться на события

$('table.yourClassName').on('contentchange', 'td', fn); 

На содержание изменения кода

$(refToTheTd).trigger('contentchange'); 

Answer 2

TD не событие изменения, потому что это не имеет значения, она имеет только текст внутри. Единственный способ это создать пользовательское событие для него (вы должны инициировать событие себя после изменения текста внутри)

setTimeout(function() { 
 
    $('td').text(function() { 
 
    return this.innerHTML + '... success?'; 
 
    }).trigger('custom:td:name_whatever.event'); 
 
}, 1000); 
 

 
$('td').on('custom:td:name_whatever.event', function(){ 
 
    alert(this.innerHTML); 
 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>Test</td> 
 
    </tr> 
 
</table>

Answer 3

Я нашел решение, которое может работать для моего требования, но Я не адаптировал его еще (до сих пор пытаюсь понять это):

//assume tbl has id foobar 
document.getElementById('foobar').addEventListener('change',function(e) 
{ 
    e = e || window.event; 
    var target = e.target || e.srcElement; 
    var name = target.id || target.getAttribute('name'); 
    alert('the ' + name + ' element changed!'); 
},false); 

к сожалению, эти два решения, предложенное выше не работает для моего требования.