Phenquestions
Въведение
JavaScript е добре познат език за програмиране. Използва се в повече от 95% от уебсайтовете, с които ежедневно взаимодействаме. Често може да видите, че при щракване на бутон се променя цяла страница, отваря се поле за формуляр или се появява изскачащо поле. От гледна точка на програмист / разработчик, как можем да внедрим такава функционалност и да се справим с взаимодействието на уебсайта с потребителите? Що се отнася до взаимодействието, JavaScript предоставя вградени функции за контрол на събитията в даден сайт.
Има два вида събития в JavaScript:
- Слушател на събития - слуша и чака събитието да бъде уволнено
- Манипулатор на събития - изпълнява се, когато дадено събитие се уволни
В тази статия ще научите за най-използвания манипулатор на събития на JavaScript, onClick събитие. Има и други манипулатори на събития за задържане на курсора над елемент или за натискане на клавишни клавиши, но в тази статия ще се съсредоточим върху събитието onClick.
Събитието onClick се използва за изпълнение на определени задачи с едно щракване на бутон или чрез взаимодействие с HTML елемент.
Сега ще ви покажем пример, за да демонстрираме как работи събитието onClick.
Пример: Променете текста с помощта на onClick
В този пример ще променим селекция от текст при щракване на бутон, използвайки събитието onClick. Първо ще направим маркер на абзац и ще му дадем идентификатор „абзац“, за да има достъп до него по-късно. Ще създадем бутон със събитието onClick и ще извикаме функцията, наречена „промяна.”
Linuxhint
Във файла със скрипт ще създадем променлива на флаг, която ще ни позволи да проверим състоянието на текста в нашия HTML маркер за абзац. След това ще напишем функция, дефинираща функцията „промяна“. В дефиницията на функцията ще създадем оператор „if“, в който ще проверим състоянието с помощта на флаг променливата. Също така ще променим текста и ще променим знамето. Това е доста проста част от кода!
var a = 1;промяна на функцията ()
ако (a == 1)
документ.getElementById ("абзац").innerHTML = "Linuxhint е страхотен"
a = 0;
друго
документ.getElementById ("абзац").innerHTML = "Linuxhint"
a = 1;
Добре! След като напишем целия този код, ние ще стартираме кода, ще се преместим в нашия браузър и щракнем върху новосъздадения бутон. След като щракнете върху бутона, текстът трябва да бъде променен от „Linuxhint“ на „Linuxhint е страхотен.”
Можем да приложим една и съща техника навсякъде, за да променим съдържанието на нашия уебсайт според нашите нужди. Можем да го използваме при промяна на изображение или изпълнение на всякакъв вид задача, която можем да си представим с този инструмент.
Заключение
Тази статия обяснява как да използвате събитието onClick. В тази статия научихте концепцията за функцията onClick по практически начин. Използването на събитието onClick е толкова просто, че дори начинаещ може да започне да работи с тази функция. Можете да продължите да учите, работите и придобивате повече опит в JavaScript на linuxhint.com, за да разберете по-добре този език за програмиране. Много благодаря!
