Просто започнете да пишете нищо в демото по-долу към скрипта автоматично започва да брои Въведени са думи.
Аз създадох един прост HTML скелет. Направих текстовото поле елемент (за да може да влезе нищо) и по-долу каза педя където Нося думи с помощта на JQuery. CSS особено тук няма значение, просто да се направи повече или по-малко адекватна форма на елементите.
Структурата всъщност не е толкова важно, защото нали той може да бъде всичко. Най-важното нещо е идентификаторът два елемента - ID = "броене думи" и ИД = "брои".
ID = "брои-думи" - се използва да поеме стойността на полето (в който се влиза в нея), и вече работи на JQuery, който изпълнява останалата част от магията (аз ще пиша за това по-късно).
ID = "брои" - се използва за показване на броя на думите, които ще бъдат преброени с JQuery от текстовото поле.
В CSS, аз няма да се опише, тъй като всички трябва всичко ясно. Казано по-просто стилове за по-малко интуитивен вид демонстрация.
JQuery скрипт изпълнява много важна роля - на брой думи на текстовото поле.
Първоначално, че е необходимо да се чака да се зареди страницата ($ document.ready ()), а след това да използвам ID на текстовото поле ($ ( "# Брой думи-')), за да определите скрипт, който трябва да се внимава за следните събития, които се случват в рамките на този елемент :
- се промени - всяка промяна
- keyup - натискате бутони
- keydown - след като сте натиснали и я пусна
Тези събития следват действията на всеки потребител, свързан с едно натискане на клавиатурата или мишката.
На следващо място, след натискане на произволен клавиш спусъци е тялото на сценария:
В първия ред да използвам .val (функция). за да получите всичко, което е написано в текстовото поле. Резултатът от $ (това) .val () ще бъде низ. На следващо място, функция $ .trim на () премахва излишни интервали от началото и края на низа.
За да се преброят на думи, които използва .split (функция). Вътре го оставих празно характер (пространство), за да направите линия масив.
Например сте написали "Здравей, как си?". Тази линия се разделя на 4 места в масива. Защо? Защото в него има място 4, между "всички" и "здравей" и така нататък.
След имам масива използване .split (). Имам нужда да разчита на броя на елементите в масива. Това може да се постигне чрез използване на .length.
Във втория ред, аз просто изход резултата в диапазон (#counted). И всичко това се случва в кръгова начин.
Всеки път, когато потребител въведе нещо в тази област, скриптът е пуснат от самото начало и прави същото, тъй като потребителят вече не пиша в текстовото поле.