VPF::DOMAttrModified в JQ в Опере не работает (((

ViktorGr

Дата 5.12.2017, 20:13 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 5.12.2017

Репутация: нет
Всего: нет

Есть задача
запустить функцию в 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>

Это сообщение отредактировал(а) ViktorGr - 5.12.2017, 20:14

whatisnot

Дата 5.12.2017, 21:06 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 89
Регистрация: 14.12.2014

Репутация: нет
Всего: 2

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

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

ViktorGr

Дата 6.12.2017, 20:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 5.12.2017

Репутация: нет
Всего: нет

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

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

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

Google

Дата 24.4.2018, 21:26 (ссылка)