如果 div innerText 更改，则触发 JavaScript 事件

Question

我想在 div 的 innerText 更改时发出警报：

myDiv.addEventListener("change", function() {
    if (myDiv.innerText != "some text")
        alert('innerText has changed.');
},false);

没有用，请帮忙。

Answer 1

myDiv.addEventListener("DOMCharacterDataModified", function (event) { // ... add your code he }, false);

使用 DOMCharacterDataModified 检测 innerText 更改事件

Answer 2

代表 OP 发布。

我找到了一个解决方案：

// THIRD FUNCTION (changes the text)
var i = 0;
function thirdFUN(){
    i++;
    var popo = document.getElementById('myDiv');
    popo.innerText = i;
}
setInterval(thirdFUN, 500);

//---------------------------------------------------------------

// JQUERY
/*var popo = $('#myDiv');
$('#myDiv').bind("DOMSubtreeModified",function(){
    if (popo.html() == "10")
    console.log('changed');
});
*/

//---------------------------------------------------------------

// PURE JS
window.onload = function(){

var popo = document.querySelector('#myDiv');

var observer = new MutationObserver(function(mutations){
    mutations.forEach(function(mutation){
        console.log(mutation.type); // <- It always detects changes
        if (popo.innerHTML == "10"){
            alert('hello');
        }
    });    
});

var config = {characterData: true, subtree: true};
observer.observe(popo, config);
//observer.disconnect();

}

这也是一个 JS Fiddle。

Answer 3

尝试

document.addEventListener("change", function()......