Phenquestions
Bevezetés
A JavaScript egy jól ismert programozási nyelv. A webhelyek több mint 95% -ában használják, amelyekkel naponta interakcióba lépünk. Gyakran láthatja, hogy egy gombnyomásra egy teljes oldal megváltozik, megnyílik egy űrlapmező, vagy megjelenik egy előugró ablak. A programozó / fejlesztő szempontjából hogyan tudjuk megvalósítani az ilyen funkcionalitást és kezelni a weboldal felhasználói interakcióit? Ami az interakciót illeti, a JavaScript beépített funkciókat biztosít a webhely eseményeinek vezérléséhez.
Kétféle esemény létezik a JavaScript-ben:
- Eseményfigyelő - hallgatja és várja az esemény kirúgását
- Eseménykezelő - akkor hajtják végre, amikor egy esemény kirúg
Ebben a cikkben megismerheti a JavaScript leggyakrabban használt eseménykezelőjét, a kattintásra esemény. Vannak más eseménykezelők is az elem fölé viseléséhez vagy a billentyűzet billentyűinek megnyomásához, de ebben a cikkben az onClick eseményre összpontosítunk.
Az onClick esemény segítségével bizonyos feladatokat egy gombnyomásra vagy egy HTML-elemmel kölcsönhatásba léphet.
Most bemutatunk egy példát az onClick esemény működésének bemutatására.
Példa: Szöveg módosítása az onClick használatával
Ebben a példában az onClick esemény segítségével egy gombnyomásra megváltoztatjuk a kiválasztott szöveget. Először elkészítünk egy bekezdéscímkét, és megadunk neki egy „bekezdés” azonosítót a későbbi hozzáféréshez. Létrehozunk egy gombot az onClick eseményrel, és meghívjuk a „change” nevű függvényt.”
Linuxhint
A szkriptfájlban létrehozunk egy zászló változót, amely lehetővé teszi számunkra, hogy ellenőrizzük a HTML állapotú címkénkben szereplő szöveg állapotát. Ezután írunk egy függvényt, amely meghatározza a „változás” függvényt. A függvénydefinícióban létrehozunk egy „if” utasítást, amelyben a flag változó segítségével ellenőrizzük az állapotot. Megváltoztatjuk a szöveget és a zászlót is. Ez egy nagyon egyszerű kódrészlet!
var a = 1;függvényváltozás ()
ha (a == 1)
dokumentum.getElementById ("bekezdés").internalHTML = "A Linuxhint fantasztikus"
a = 0;
más
dokumentum.getElementById ("bekezdés").belsőHTML = "Linuxhint"
a = 1;
Rendben! Miután megírta ezt a kódot, futtatjuk a kódot, áttérünk a böngészőnkre, és rákattintunk az újonnan létrehozott gombra. A gombra kattintás után a szöveget „Linuxhint” -ről „Linuxhint awesome” -ra kell változtatni.”
Ugyanezt a technikát bárhol alkalmazhatjuk, hogy az igényeinknek megfelelően változtathassuk weboldalunk tartalmát. Használhatjuk egy kép megváltoztatásához vagy bármilyen típusú feladat végrehajtásához, amelyet elképzelhetünk ezzel az eszközzel.
Következtetés
Ez a cikk elmagyarázza az onClick esemény használatát. Ebben a cikkben gyakorlati módon megtanulta az onClick függvény fogalmát. Az onClick esemény használata olyan egyszerű, hogy még egy kezdő is elkezdhet dolgozni ezzel a funkcióval. Folytathatja a Linux-on történő tanulást, munkát és további tapasztalatok szerzését a linuxhint oldalon.com, hogy jobban megértse ezt a programozási nyelvet. Nagyon szépen köszönöm!
