JS : onBlur uitbreiden

[Verwijderd]

Het eigenlijke probleem:
In IE7- kunnen geen onBlurs voor niet A elementen gezet worden.

Niet goed werkende oplossing:

code:

sfFocus = function() {
    var sfEls = document.getElementsByTagName("INPUT");
    for (var i=0; i<sfEls.length; i++) {

        sfEls[i].onblur=function() {
            this.className=this.className.replace(new RegExp(" sffocus\\b"), "");

        }
    }
}

Dit voegt wel eens waar de mogelijkheid toe om een CSS class toe te passen bij onBlur, maar als voor dit element inline al een andere onBlur definieert is, dan wordt deze inline code niet meer uitgevoerd. Hoe kan ik dus bij onBlur een actie toevoegen zonder de bestaande mogelijkheiden te overschrijven?

alvast bedankt voor een ieder die de moeite neemt!

[user109731]

De oude onblur kun je in een variabele 'vangen' en toevoegen aan de nieuwe onblur:

JavaScript:

var oldOnBlur = sfEls[i].onblur;

sfEls[i].onblur = function() {
  if (oldOnBlur != null) 
    oldOnBlur();
  this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
}

Anders even zoeken op addEventHandler / attachEventListener, maar dat lijkt me niet echt nodig in dit geval.

[Verwijderd]

Nee, dat werkt gek genoeg niet.

[user109731]

Kun je wat meer info geven? Want dit hoort gewoon te werken, ik heb het nog even geprobeerd hier.

Wat doet een alert(oldOnBlur); bijvoorbeeld? En wat gebeurt als je een alert() in je inline onblur zet? Die word gewoon genegeerd?

[ Voor 22% gewijzigd door user109731 op 27-09-2006 15:30 ]

[Michali]

oldOnBlur wordt iedere keer overschreven bij de volgende iteratie. Je moet dus oude functie dus met closure inbinden, of hem toekennen aan een zelfgedefineerde property van sfEls[i] en dan met this binnen je onblur er weer heen refereren om hem aan te kunnen roepen.

[crisp]

idd een closure doen:

JavaScript:

function addEvent(object, event, handler)
{
  if (object[event])
  {
    var oldhandler = object[event];
    object[event] = function(e)
    {
      e = e || window.event;
      oldhandler.call(object, e);
      handler.call(object, e);
    }
  }
  else
    object[event] = handler;
}

overigens zou ik van die regexp een literal maken, nu moet hij bij elke aanroep weer opnieuw gecompileerd worden.

[Verwijderd]

Sorry, vergeten te bedanken, bij deze: bedankt!