Witam

Chciałbym osiągnąć następujący efekt:

Mam formularz z ilomaś polami input i textarea. Chce tak zadeklarować obsługę zdarzenia onfocus dla tych pól w javascript aby deklarowało się to przy wczytaniu strony. Następnie po kliknięciu w dowolne z tych pól ma się wykonywać zadeklarowana wcześniej funkcja która sprawdzi jakie pole zostało kliknięte i zapisze to do oddzielnej zmiennej. Następnie będzie można wykonać jakieś operacje na tej zmiennej co sprawi, że będą one wykonywane zawsze na aktywowanym polu np. zmiana tła itp. Nie chce robić tego poprzez zadeklarowanie zdarzenia w tagach html, gdyż formularz może się zmieniać dynamicznie i sprawiało by to problemy. Wole aby takie przypisanie zdarzenia do każdego pola input i textarea robiło się automatycznie. Robiłęmt o już w jQuery i działało poprawnie ale w czystym js mi to kompletnie nie wychodzi. Czy może ktoś mi z tym pomóc, bo szukam w google juz drugi dzien i nic nie mogę znaleźć dokładnie pasującego do mojego problemu.


Kod w jQuery wyglądał tak:

[HTML] pobierz, plaintext 
 
$(document).ready(function() {
    $("input[type='text']").focus(function() {setFocus(this);});
    $("textarea").focus(function() {setFocus(this);});
});
 
 
function setFocus(input) {
    focus = input;
}
 
[HTML] pobierz, plaintext 

a ) document.getElementsByTagName - po inputach i textarea
b ) robisz pętlę po tych elementach
c ) spr. w pętli czy: input.type == 'text'
d ) w pętli po tych elementach zapisujesz:


i powinno chodzić

PS. Pętlę możesz zrobić w taki trochę inny sposób: