DOMSubtreeModified не работает в Chrome - PullRequest
Новая
       41

DOMSubtreeModified не работает в Chrome

3 голосов
/ 20 октября 2011

У меня этот код отлично работает в Firefox. 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
    function CreateEvent()
      {
      var x = document.createEvent("MutationEvent");
      x.initMutationEvent("DOMSubtreeModified", true, false, null, "", "", "", 0);
      document.dispatchEvent(x);
      }
    $(document).ready(function() {

        $('#myDiv')[0].addEventListener('DOMNodeRemoved', function () { console.log('Content removed!'); }, false);
        $('#myDiv')[0].addEventListener('DOMSubtreeModified', function () { console.log('DOMSubtreeModified modified!'); },  false);
        $('#myDiv')[0].addEventListener('DOMNodeRemovedFromDocument', function () { console.log('DOMNodeRemovedFromDocument !'); },  false);
        $('#myDiv')[0].addEventListener('DOMNodeInserted', function () { console.log('DOMNodeInserted !'); },  false);

        $('#myBtn').click(function (e) {

            $('#myDiv').css({ marginLeft : "300px"});
        });
    });

</script>
</head>
<body>
<div id="myDiv">Content</div>
<div id="myBtn">
    Button
</div>
</body>
</html>

Но это не работает на Chrome. Я хочу, чтобы событие срабатывало каждый раз, когда что-то происходит с myDiv. (удалить, модификация css, все).

Есть ли обходные пути?

1 Ответ

2 голосов
/ 20 декабря 2011

Это не сработает в будущем. События мутации DOM устарели и не будут поддерживаться в будущем, http://www.w3.org/TR/DOM-Level-3-Events/#events-mutationevents.

...