Javascript 在GWT中将子元素添加或移除到父DivElement实例时是否可能触发事件?

Javascript 在GWT中将子元素添加或移除到父DivElement实例时是否可能触发事件?,javascript,dom,gwt,Javascript,Dom,Gwt,我有一个内容可编辑的GWT DivElement实例,动态地附加了一些元素。每次将子元素添加到父DivElement实例时是否可以触发事件?您可以使用来执行所需操作 您在DivElement上设置了一个观察者,并观察childList突变。在MutationRecord中,您可以获得addedNodes列表 MutationObserver没有本机GWT支持,因此您需要使用JSNI: private native void addListener(Element elem) /*-{ /

我有一个内容可编辑的GWT DivElement实例,动态地附加了一些元素。每次将子元素添加到父DivElement实例时是否可以触发事件?

您可以使用来执行所需操作

您在DivElement上设置了一个观察者,并观察
childList
突变。在
MutationRecord
中,您可以获得
addedNodes
列表

MutationObserver没有本机GWT支持,因此您需要使用JSNI:

private native void addListener(Element elem) /*-{
    // create an observer instance
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if(mutation.type == 'childList') {
                // mutation.addedNodes contains nodeList of added nodes
                $wnd.alert('Nodes added');
            }
        });
    });

    // configuration of the observer:
    var config = {
        childList : true
    };

    // pass in the target node, as well as the observer options
    observer.observe(elem, config);
}-*/;
只需调用
addListener(div)在您的元素上