Question

我试图在div的内容被更改时触发脚本，特别是当div从js加载的paginator接收下一组结果时。

我有这个：

<script script type="text/javascript" language="javascript">
document.addEventListener("DOMCharacterDataModified", ssdOnloadEvents, false);

function ssdOnloadEvents (evt) {
    var jsInitChecktimer = setInterval (checkForJS_Finish, 111);

    function checkForJS_Finish () {
        if (  document.querySelector ("#tester")
        ) {
            clearInterval (jsInitChecktimer);
            //do the actual work

            var reqs = document.getElementById('requests');
            var reqVal = reqs.get('value');
            var buttons = $$('.clicker');
            Array.each(buttons, function(va, index){
            alert(va.get('value'));
            });

        }
    }
}                                   
</script>

当doc加载时（因为结果需要几秒钟才能到达），这很有效，但我需要将其缩小到实际的div内容，因此页面上的其他更改不会触发事件。

我试过了：

var textNode = document.getElementById("sitepage_content_content");

    textNode.addEventListener("DOMCharacterDataModified", function(evt) {
    alert("Text changed");
    }, false);

但是上面没有任何回报。可以用这种方式做我想做的事吗？如果是，我哪里错了？

在MooTools中使用社交引擎（Zend）框架。

Answer 1

我最后做了一点作弊:-( 页面上有一个谷歌地图加载设置标记以匹配结果的位置。所以我将我的事件添加到最后这段代码：function setMarker（）{}。我不会将此标记为正确的答案，因为它不是我的问题的真正答案，而是我的问题的解决方案，其本地化为社交引擎框架。我将在我的原始问题中添加一个社交引擎标记，希望它可能在将来帮助其他人。谢谢你们。

addEventListener到div元素

1 个答案: