Šiame straipsnyje aptariama, kaip tvarkyti turinio keitimo įvykius „JavaScript“, ir tai paaiškinama naudojant pavyzdį.
Kaip tvarkyti turinio redaguojamus pakeitimų įvykius „JavaScript“?
Turinys yra surašytas atributas. Vartotojas gali keisti turinį atsižvelgdamas į savo poreikius. Jei tai leidžiama, naršyklė pakeičia savo valdiklį, kad būtų galima keisti elementus.
Kokios vertybės yra leistinos patenkintam pakeitimo įvykiui?
Turinys gali turėti vieną iš šių reikšmių:
- tik paprastas tekstas reiškia, kad originalų tekstą galima redaguoti, nors raiškiojo teksto formatavimas išjungtas.
- Tuščia eilutė arba tiesa, reiškianti, kad elementą galima redaguoti.
- klaidinga, o tai reiškia, kad elemento negalima redaguoti.
Pavyzdys
Šiame pavyzdyje paaiškinama, kaip tinklalapyje gali būti naudojamas redaguojamas turinys. Pažvelkime į toliau pateiktą kodą, kad jį geriau suprastume:
HTML
Čia yra HTML kodas, paaiškinantis turinio keičiamų įvykių naudojimą:
< blokinė citata patenkintas = 'tiesa' >
< h3 > REdaguokite savo turinį ČIA! < / h3 >
< / blokinė citata >
Aukščiau pateiktame HTML kode:
- Blockquote žyma sukuriama su atributu contenteditable nustatyta tiesa. Tai leis redaguoti turinį blockquote žymoje.
- Žyma h3 yra blockquote žymos viduje. Jame rašoma „REDAGUOTI TURINĮ ČIA!“, nes jis yra
viduje, o tai reiškia, kad turinį gali redaguoti vartotojas.
CSS
Kad mūsų kodas būtų vizualiai patrauklus, panaudojome šį CSS kodą:
blokinė citata {
fone : persikas ;
pasienio spindulys : 10 piks ;
marža : 10 piks ;
}
blokinė citata h3 {
kamšalas : 10 piks ;
}
Aukščiau pateiktame CSS kode:
- Blokinės citatos žymos fonas nustatytas į persikų spalvą, kraštinės spindulys 10 pikselių ir 10 pikselių paraštė.
- H3 antraštė kabutės viduje nustatyta taip, kad jos užpildymas būtų 10 pikselių.
Išvestis :
Toliau pateiktame išvestyje paaiškinama, kaip turinį galima redaguoti naudojant „JavaScript“ turinio redaguojamo pakeitimo įvykį:
Turinio redagavimo svarba
- Didesnis interaktyvumas, nes vartotojas gali patogiai keisti turinį.
- Patogus tinkinimas, nes programuotojas, naudodamas „JavaScript“, gali sukurti modifikuotas elgsenas, pvz., automatinį išsaugojimą, suaktyvindamas įvairius veiksmus pagal vartotojo įvestį.
- Padeda supaprastinti redagavimo procesą, leidžiantį vartotojui redaguoti dinamiškai, nereikalaujant atskiro teksto lauko.
Išvada
Turiniu redaguojami „JavaScript“ pakeitimų įvykiai leidžia vartotojui keisti turinį, kad tinklalapis būtų jautrus ir pritaikomas. Tai atveria kelią į vartotoją orientuotam žiniatinklio kūrimui, kai vartotojas gali redaguoti tinklalapio turinį realiuoju laiku, kad naudotojas būtų jautresnis. Šiame straipsnyje aptariama, kaip tvarkyti turinio redaguojamus pakeitimų įvykius „JavaScript“, ir paaiškinta tai naudojant pavyzdį.