onpropertychange pour une zone de texte dans Firefox?

Comment gérer la onpropertychange pour une zone de texte dans Firefox à l'aide de JavaScript?

Ci-dessous est un exemple:

var headerBGColorTextBox = document.getElementById('<%= tbHeaderBGColor.ClientID %>');

if (headerBGColorTextBox != null) {
  headerBGColorTextBox.pluggedElement = document.getElementById('<%= trHeaderBG.ClientID %>');
  headerBGColorTextBox.onpropertychange = function() {
    alert('function called');
    if (event.propertyName == 'style.backgroundColor' && event.srcElement.pluggedElement != null)
      alert(event.propertyName);
    event.srcElement.pluggedElement.style.backgroundColor = event.srcElement.style.backgroundColor;
  };
}

OriginalL'auteur Tushar Maru | 2009-05-28

  1. 5

    Il y a deux façons d'imiter le onpropertychange cas, la Mutation des événements comme mentionné ci-dessus, qui devrait fonctionner de la même manière à travers les navigateurs modernes et l'objet".regarder la" méthode non-standard qui permettra de fournir un support pour les anciennes versions de FF < 3.

    Voir la documentation sur le MDC.

    Objet.regarder

    La Mutation des événements

    OBJET.la montre ne sera pas de la piste de l'élément DOM changements. Vous devez utiliser DOMAttrModified mutation de l'événement dans conforme aux normes W3C navigateurs. OBJET.montre est pour trackign des changements de propriété sur l'objet que vous avez créé dans le code Javascript.

    OriginalL'auteur Christophe Eblé

  2. 4

    Il apparaît que si la onpropertychange événement est de IE: http://www.aptana.com/reference/html/api/HTML.event.onpropertychange.html.

    Cependant, avec cela dit, Firefox, au moins 3.0.10 prend en charge un événement appelé "DOMAttrModified". Ce qui suit est un extrait de comment cela fonctionne:

    document.body.addEventListener("DOMAttrModified", function () { console.log ("Args: %o", arguments); }, false);
document.body.id = "Testing";

    Où console.log est en supposant que l'extension Firefox Firebug est installé.

    DOMAttrModified est également pris en charge par IE9 et de l'Opéra(7+). Ne fonctionne toujours pas dans webkit, en août 2011.
    Toujours pas de nouvelles pour WebKit? Savez-vous ce qu'ils entendent soutenir ce genre de cas d'utilisation?
    aucune idée:)

    OriginalL'auteur Jordan S. Jones

  3. 2

    onpropertychange est non-standard. Voir http://msdn.microsoft.com/en-us/library/ms536956

    OriginalL'auteur Matthew Flaschen

  4. 1

    Le code suivant fonctionne:

    var foo = '<%= tbHeaderBGColor.ClientID %>';

function changetext() 
  {
  alert('function called');
  if (event.propertyName == 'style.backgroundColor' && event.srcElement.pluggedElement != null)
    alert(event.propertyName);

  event.srcElement.pluggedElement.style.backgroundColor = event.srcElement.style.backgroundColor;
  }

if (!!document.addEventListener)
  {
  document.getElementById(foo).addEventListener("DOMAttrModified", changetext, false);
  }
else
  {
  document.getElementById(foo).addBehavior("foo.htc");
  document.getElementById(foo).attachEvent("onpropertychange", changetext);
  }

    DOM Mutation Événements

    OriginalL'auteur Paul Sweatte