javascript: jak odróżnić wybranego elementu listy i formy

Question

Oto skrypty: http://jsbin.com/itusut/6/edit

Cześć, mam funkcję:

function on(t, e, f) { 
    if (e.length) { 
     var l = e.length, 
     n = 0; 

     for (; n < l; n++) { 
      e[n].addEventListener(t, f, false) 
     } 
    } else { 
     e.addEventListener(t, f, false); 
    } 
} 

jeśli robimy var handle = document.getElementsByClassName('some-class'); następnie handle jest lista węzłów.

jeśli wykonamy var handle = document.getElementById('an-id');, wtedy handle jest pojedynczym węzłem.

Problem polega na tym, że gdy wybieram <form id="login-form">, to zwracam tablicę nie pojedynczy element.

Moja funkcja on kończy się niepowodzeniem. Funkcja wykorzystuje filtr elm.length. Wszystko jest ok, z wyjątkiem <form>. Jak to naprawić? Wiem, że elm.length nie działa poprawnie na pojedynczym węźle element <form>.

Czy możesz pomóc? Bardzo dziękuję

Answer 1

Elementy formularza mają właściwość length (określającą liczbę pól w formularzu). Kod, którego używasz, nie wykrywa dokładnie, czy element jest węzłem DOM, więc zakłada, że ​​formularz jest zbiorem węzłów DOM.

Jeśli chcesz powiązać elementy, prawdopodobnie lepiej jest zawsze przekazywać tablicę lub obiekt podobny do tablicy, aby funkcja zawsze była iterowana nad kolekcją.

To może być tak proste, jak owijanie parametru w tablicy:

on('click', [formElement], callback); 

---

_{Zaktualizowana wersja on gdzie są obsługiwane tylko listy:}

function on(type, elements, callback) { 
    var length, 
     i; 
    length = 0; 
    if (elements && elements.length) { 
     length = elements.length; 
    } 
    for (i = 0; i < length; i += 1) { 
     elements[i].addEventListener(type, callback, false); 
    } 
}