JavaScript - Erkennung von änderung in eine textarea

Ich habe das gleiche problem...

Den Wert einer textarea kann geändert werden, indem eine Menge von Möglichkeiten... ich erwähne nur die, die ich nicht wissen, wie zu erkennen:

• Maus-Kontext-Einfügen
• Tastatur Kontextmenü Einfügen
• Drag&Drop-Formular eine andere Anwendung, Objekt, etc
• Shift-Drag&Drop aus dem gleichen textare (dupes ausgewählte Inhalte an anderer position)
• Tun Ctrl+Einfügen Shift+Einfügen (eine andere Möglichkeit zum Kopieren&Einfügen)

Hatte ich versucht, erstellen Sie einen Ereignishandler für jedes Ereignis, das ich kenne (onkeyup, onkeydown, onmouseup, onmousedown, etc...) aber mit einigen früheren Möglichkeiten, zu Fügen, wird niemand gefeuert, also keine Möglichkeit zu kontrollieren, wenn Sie Auftritt.

Ich sehe keine andere Lösung, als wenn ein timer.

Ah! können die Inhalte auch ändern, ohne den Fokus... Fälle von Drag&Drop.

Und nicht zu schweigen, wenn auch verändert werden kann durch JavaScript die top mot hässliche Ding zu dected... keine Methode ist gefeuert!!!

Ich nicht möchten, setzen Sie einen timer (das ist sehr hässlich, Dinge zu tun und potentionaly Fehler verursachen).

Wenn der timer ausgelöst wird, aber eine andere Seite laden (Benutzer auf einen link geklickt)... müssen Sie kontrollieren alle Objekte vorhanden... sonst wird es eine Fehlermeldung bringt (manche Browser zeigen es als modales Fenster, während andere es ignorieren)... so erhält der user eine sehr schlechte impresion... und im schlimmsten Fall... der Aufruf der Ereignisprozedur können scheitern, weil Sie Ihre Funktion wurde zerstört, bevor der timer aufgerufen werden.

Mit Timer immer müssen Seite entladen, so deaktiviert oder zerstört, wenn die Seite getötet wird, zum Beispiel, wenn Sie wechseln zu einer anderen Seite.

Diese Dinge erschweren viel mehr als nötig und sind schrecklich zu aktualisieren, in eine Zukunft.

Sicherzustellen Timer wird nicht scheitern ich tun, diese Art der hässliche Ding als ersten Satz auf Sie: clearTimeout(MyTimer);

Und wenn ich die timer-Wiederholung alle X Millisekunden... innerhalb der Funktion, die ich tun setTimeout(function(){MyFunction();)

In dieser Weise, wenn die Dinge zerstört werden, in unangemessener anderen keine Fehler, verursacht durch den Aufruf von timer-handler.

Auch auf jeden Satz in der Funktion MyFunction muss Fehler controlated... ein beliebiges Objekt verwendet wird, muss gewährleisten, dass die existiert... auf jeden Satz... das ist imposible zu tun.. so ein try catch muss Hinzugefügt werden.

Die andere Sache, die getan werden kann, bei der Verwendung von Timer ist, zu ignorieren, zu zerstören, Probleme und lassen Sie die Benutzer erhalten einen sehr schlechten Eindruck, wenn die Seite entladen wird.

Um sicherzustellen, dass kein Timer wird gestartet... das einzige was ich weiß ist, ser das body onunload... aber einige hässliche Browsern nicht ausgelöst, es (zu vermeiden Programmierer nicht lassen Sie gehen zu einer anderen Seite)... also ich muss Dinge tun, als wenn onunload nicht vorhanden... also timer aufgerufen werden können, wenn Objekte zerstört werden... können Fehler auftreten, immer...

Also zu heikel, um sicherzustellen, dass keine Fehler-windows wird beim benutzen der Timer:

var MyTimer;
function MyTimer_Handler(){
 try{
  clearTimeout(TemporizadorCapaLogin);
  try{
   //Do whatever the timer must do
  }Catch(theError){
   //Your own code to control errors, but have in mind that while running the lines you write here can also cause error because while running this the objects get destroyed, so better not to put anything
  }
  MyTimer=setTimeout(function(){try{MyTimer_Handler()}Catch(theError){}},theIntervalToRepeatInMiliseconds);
 }Catch(theError){}
}
try{MyTimer=setTimeout(function(){try{MyTimer_Handler()}Catch(theError){}},theIntervalToRepeatInMiliseconds);}Catch(theError){}

Sehen, was ich sage... zu hässlich code... aber alle versuche sind notwendig, sonst einige Browser eine Fehler-Meldung an, dass etwas nicht existiert, wenn entladen Seite tritt.

Gut ist es auch am schlimmsten, wirklich sicher wirst du mit dieser versuchen:

var MyTimer;
function MyTimer_Handler(){
 try{
  clearTimeout(TemporizadorCapaLogin);

  try{
   //Do only one sentence at a time
  }Catch(theError){} //Ther is no way to ensure any line on Catch part can not cause an error because objects can have being destroyed before and while running this part

  try{
   //Do only one sentence at a time
  }Catch(theError){} //Ther is no way to ensure any line on Catch part can not cause an error because objects can have being destroyed before and while running this part

  //Repeat for each sentence

  MyTimer=setTimeout(function(){try{MyTimer_Handler()}Catch(theError){}},theIntervalToRepeatInMiliseconds);
 }Catch(theError){}
}
try{MyTimer=setTimeout(function(){try{MyTimer_Handler()}Catch(theError){}},theIntervalToRepeatInMiliseconds);}Catch(theError){}

Aber solche secuence von Try{}Catch{} ist die gleiche wie die Gruppierung alle auf einer... also kein Vorteil... wie man sehen kann Timer sind sehr schmerzhaft werden eingesetzt... nur weil es keine Möglichkeit gibt, um sicherzustellen, dass keine Fehler auftreten werden.

Ist die Ursache dieser secuence von Ereignissen bei einigen Browsern:

1. Benutzer fordert eine Seite
2. Der Seite heruntergeladen
3. Der Seite aktivieren Sie einen Timer
4. Der Benutzer klickt auf einen link oder schließen Sie einfach die Registerkarte... dies bewirkt, dass die Seite entladen
5. Den browser startet zerstören, durch-Objekt
6. Bevor Sie alle zu zerstören, die timer-ir gefeuert
7. Code on timer ausgeführt wird, aber einige Objekte nicht existiert, zerstört worden
8. Während ein solcher code ausgeführt wird, der browser weiterhin destorying mehr Objekte
   (gleichzeitig)

Zum Beispiel, während Sie ausgeführt wird jede Zeile code in einem timer, der JavaScript-manager zerstören bei einigen Browsern, und so wird es nicht und der browser wird ein modales Fenster sagen, Ihre Seite ist baddly codiert, kann der Satz auch so einfach wie diese: alert('bla bla bla');

Bis jetzt finde ich das nicht sowieso zu vermeiden... ausser, tun Sie dies auf allen Timern:

var MyTimer;
function MyTimer_Handler(){
 try{
  clearTimeout(TemporizadorCapaLogin);
  try{
   //Do whatever the timer must do
  }Catch(theError){}
  MyTimer=setTimeout(function(){try{MyTimer_Handler()}Catch(theError){}},theIntervalToRepeatInMiliseconds);
 }Catch(theError){}
}
try{MyTimer=setTimeout(function(){try{MyTimer_Handler()}Catch(theError){}},theIntervalToRepeatInMiliseconds);}Catch(theError){}

Und weder ist es eine perfekte Lösung... wenn der browser nur zerstören de JavaScript-manager nur, wenn der timer ausgelöst wird, aber vor dem ersten ausprobieren (in der Nähe eine perfekte Millisekunde sycn race-Bedingung) es bewirkt, dass browser, um die Botschaft zu präsentieren.

Aber da manchmal etwas, aber nach einer Weile... nicht eine bessere /perfekte Lösung, das ist das beste, das ich tun kann!!

Ich persönlich hasse so schlecht kodierten Browser (einer von Ihnen ist der DH), aber ich muss Sie unterstützen!!!

//

function clonekeyup(e){
 var e= window.event || e;
 var who= e.target || e.srcElement;
 var val= who.value;
 var tem, temp, TA= document.getElementsByTagName('textarea'), L= TA.length;
 while(L){
  tem= TA[--L];
  if(tem.onchange== arguments.callee && tem.value!= val) tem.value= val;
 }
}

Weisen Sie die onkeyup Funktion und onchange auf die Texteingabefelder, die Sie wollen, um miteinander zu reflektieren.
Zum Beispiel weist der handler alle die Texteingabefelder.

var tem, TA= document.getElementsByTagName('textarea'), L= TA.length;
while(L){
 tem= TA[--L];
 tem.onkeyup= tem.onchange= clonekeyup;
}