Jquery script megszámoljuk a szavak

Kezdje el beírni semmit a demo alatt, hogy a szkript automatikusan elkezdte számolni a megadott szavak száma.

Készítettem egy egyszerű HTML csontváz. Csináltam egy textarea elem (hogy képes belépni semmit), és az alábbiakban említett span ahol hozok szavakat jQuery. CSS főleg itt nem számít, csak azért, hogy egy többé-kevésbé megfelelő formában az elemek.

A szerkezet tulajdonképpen nem is olyan fontos, mert te is bármi lehet. A legfontosabb dolog a két elem ID - id = „számít-” és id = „számít”.

id = „számít-szó” - használjuk, hogy a mező értéke (amelyet abba be), és már dolgozik a jQuery, amely végrehajtja a többi mágikus (írok róla később).

id = „számít” - megjelenítéséhez használt szavak számát, hogy figyelembe kell venni a jQuery a textarea.

A CSS-ben nem fogom leírni, mert minden kell minden világos. Egyszerűen fogalmazva stílusok kevésbé intuitív típusú demo.

jQuery script elvégzi nagyon fontos szerepet - a szavak száma a textarea.

Kezdetben meg kell várni, hogy az oldal betöltése ($ document.ready ()), akkor azt használja az ID a textarea ($ ( '# count-szó)), hogy adjon meg egy script, hogy meg kell nézni ki a következő események előfordult ez az elem :

• megváltoztatni - bármilyen változás
• keyup - lenyomja kulcsokat
• keydown - miután megnyomja és elengedte

Ezek az események követik az intézkedések bármely felhasználó társított kattintás egy billentyűzet vagy egér.

Ezt követően, miután bármely gomb megnyomásával kiváltó volt a test a script:

Az első sorban azt használja .val () függvényt. hogy minden, hogy már írt írva. Az eredmény $ (this) .val () lesz a húr. Ezután a függvény $ .trim () eltávolítja a felesleges szóközöket a kezdete és vége a húr.

Ahhoz, hogy számolja meg a szavakat használtam .split () függvényt. Benne hagytam egy üres karakter (szóköz), hogy egy sor tömb.

Például beírt „Szia, hogy vagy?”. Ez a vonal lesz osztva 4 helyszínen a tömbben. Miért? Mert benne van egy 4 teret, a „minden” és a „hello”, és így tovább.

Miután megkaptam a tömbben .split (). El kell számolni az elemek száma a tömbben. Ez úgy érhető el használatával .length.

A második sorban, én csak az eredményt a span (#counted). S történik mindez egy körkörös módon.

Minden alkalommal, amikor a felhasználó belép valamit a területen, a szkript fut a kezdetektől, és nem ugyanaz, mint a felhasználó nem írni írva.