Овај чланак укратко показује шта је ДОМ елемент „цлицк()“ метод и како га користити у ХТМЛ-у?
Шта је ДОМ елемент „цлицк()“ метод у ХТМЛ-у?
Када се метода цлицк() позове на ХТМЛ елементу, она симулира корисников клик на елемент мишем, што заузврат покреће све приложене обрађиваче догађаја. Ово омогућава програмерима да изврше неколико интерактивних радњи као што су отварање линкова, подношење образаца или укључивање/искључивање видљивости елемената без потребе за физичким кликом миша. Ово помаже да се креирају интерактивне веб странице које реагују.
Како користити метод ДОМ елемента „цлицк()“ у ХТМЛ-у?
Да би користили метод цлицк(), корисници прво морају да добију референцу на ХТМЛ елемент да би симулирали клик. Ово се може урадити коришћењем било које од стандардних метода ДОМ обиласка или упита, као што је „ гетЕлементБиИд ”, “ гетЕлементсБиЦлассНаме ”, “ куериСелецтор ”, или „ куериСелецторАлл ”.
Хајде да прођемо кроз пример за боље објашњење методе „цлицк()“.
Пример: ХТМЛ поље за потврду и елементи радио дугмета
Разматра се пример у којем „ клик () ” метода се користи са ХТМЛ пољем за потврду и елементима радио дугмета. Пратите доњи код:
< форму >
< улазни
тип = 'поље за потврду'
ид = 'потврдни оквир 1'
онмоусеовер = 'форЦхецкбок()'
>
Покреће Линукхинт
< улазни
тип = 'радио'
ид = 'Радио дугме'
онмоусеовер = 'за Радио()'
>
Покреће Линукхинт
< / форму >
У горњем исечку кода:
- Прво, на веб страници се креира поље за потврду коришћењем ознаке <инпут> са типом постављеним на „ поље за потврду ”.
- Након тога, слушалац догађаја „ онмоусеовер ” је причвршћен за поље за потврду и позива „ форЦхецкбок() ” функција.
- На исти начин, „ радио ” дугме се креира помоћу „ <инпут> ” и слушалац догађаја је везан за њу. Али овог пута, „ за Радио() ” функција се позива.
Након креирања ХТМЛ елемента на веб страници, сада је време да додате „ клик () ” метод:
< скрипта >
функција за Цхецкбок ( ) {
доцумент.гетЕлементБиИд ( 'потврдни оквир 1' ) .кликните ( ) ;
}
функција за Радио ( ) {
доцумент.гетЕлементБиИд ( 'Радио дугме' ) .кликните ( ) ;
}
< / скрипта >
У горњем исечку кода:
- Прво дефинишите две ЈаваСцрипт функције, “ форЦхецкбок() ' и ' за Радио() ”.
- Ове функције користе „ доцумент.гетЕлементБиИд() ” за добијање референци на ХТМЛ елементе на страници са одређеним ИД-овима „цхецкбок1” и „радиоБуттон”.
- За симулацију клика на ХТМЛ елемент, користи се метод цлицк(). Ова функција укључује или искључује стање када се позове.
Након извршења горњих исечака кода, излаз изгледа овако:
Горњи гиф илуструје да се статус поља за потврду и радио дугмета мења методом „цлицк()“.
Закључак
Метода цлицк() је посебно корисна за руковање интеракцијама корисника са веб страницом преко ЈаваСцрипт-а.
Уместо да се ослањате на корисника да физички кликне на елемент, користите метод цлицк() да програмски симулирате догађај клика. Користан је за креирање интерактивних дизајна прилагођених кориснику. Овај чланак је успешно демонстрирао значење ДОМ елемента „цлицк()“ методе у ХТМЛ-у.