Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > DOMAttrModified в JQ в Опере не работает (((

Автор: ViktorGr 5.12.2017, 20:13

Есть задача
запустить функцию в JQuery из функци Javascript
для этого меняю атрибут div data-text
потом пытаюсь перехватить событие DOMAttrModified в JQuery

В FIREFOX работает отлично, в Опере и Хроме - никак.

Код


<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">    
        
          <script>
          
function openPlr()
{
  
  var idEm = document.getElementById("idEm");
 idEm.setAttribute('data-text', new Date());

}
      
  </script>

<script class="include" type="text/javascript" src="jQuery_3_2_1.js"></script>
   
</head>
<body >

 <a id="btnP3" href="#"   onClick='openPlr();'   class="user" style="border: 0px solid; top: 100px; left: 120px; position: relative; z-index: 10;">             Нажать            </a>
                        
 <div id="idEm" data-text=""></div>
 
<script class= type="text/javascript">

$(document).ready(function () {

jQuery("#idEm").bind('DOMAttrModified', function () {
      
 var idEm = document.getElementById("idEm");
idEm.innerText = "  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!";

    });
    
});</script>


</body></html>

Автор: whatisnot 5.12.2017, 21:06

А что проще нельзя сделать выбросив функцию openPlr() и нативный обработчик в ссылке, и повесить вместо него JQ обработчик щелчка, в котором все без граблей и сделать? Кстати, в JQ обработчике 'DOMAttrModified' this, это и будет искомый элемент DOM, зачем же его получать var idEm = document.getElementById("idEm")?

Если так необходимо следить за изменениями DOM (чего у вас не наблюдается), то используйте MutationObserver, так как Mutation Events (чего вы и пытаетесь) устарело.

Автор: ViktorGr 6.12.2017, 20:52

whatisnot, спасибо за отличный комментарий!!!

(код здесь я упростил для примера, на самом деле там всё немного сложнее - возвращается асинхронный вызов с сервера и на него должна быть реакция, поэтому прицепить к на cltck не получается )

а во т MutationObserver сработало отлично! Ещё раз, огромное спасибо!!!