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