Обеспечение работы onpropertychange и domattrmodified для обнаружения изменений элементов - PullRequest
Новая
       10

Обеспечение работы onpropertychange и domattrmodified для обнаружения изменений элементов

8 голосов
/ 05 октября 2010

Что-то должно сработать, нет? Меня не поддерживают в IE8 и ничего не происходит в Fx 3.6.10 

<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script>


// modified from http://pragmatec.blogspot.com/2009/06/google-toolbar-style-and-tooltip.html
jQuery(function($){
  $.fn.dommodhandler = function(options){
    function setListeners(){
      if (typeof (this.onpropertychange) == "object"){
        $('#innerDiv').bind('propertychange',function(e){
          $('#msgDiv').html(this.id+' changed</br/>');
        });
      }
      else if ($.browser.mozilla){
      $('#msgDiv').html("bind");
        $('#innerDiv').bind('DOMAttrModified',function(e){
          $('#msgDiv').html(this.id+' changed</br/>');
        });
      }
      else {
        $('#msgDiv').html('not supported in this browser');
        return false;
      }
    }
    return setListeners();
    }
  }
);
$(document).ready(function(){
  $.fn.dommodhandler ();
});

</script>
</head>
<body>
<div id="wrapper">
<a href="#" onClick="document.getElementById('innerDiv').height='300px';document.getElementById('innerDiv').innerHTML=new Date(); return false">Click</a>
  <div id="outerDiv">
    <div id="innerDiv">Hello</div>
  </div>
  <div id="msgDiv"></div>      
</div>  

</body>
</html>

ОБНОВЛЕНИЕ: Все еще не устраивает ... У кого-нибудь есть предложения по обнаружению, когда что-то (ajax) изменяет фактическую высоту div из-за большего или меньшего содержимого

1 Ответ

2 голосов
/ 05 октября 2010

Если вы действительно измените атрибут, событие сработает (FF 3.6.10): http://jsfiddle.net/Nw4rA/

...