Ta članek obravnava, kako obravnavati dogodke sprememb vsebine, ki jih je mogoče urejati v JavaScriptu, in to pojasnjuje s pomočjo primera.
Kako ravnati s spornimi dogodki sprememb v JavaScriptu?
Contenteditable je oštevilčen atribut. Uporabnik lahko spreminja vsebino glede na svoje potrebe. Če je dovoljeno, brskalnik spremeni svoj gradnik, da omogoči spreminjanje elementov.
Katere vrednosti so dovoljene za vsebinski dogodek spremembe?
Contenteditable lahko sprejme eno od teh vrednosti:
- plaintext-only pomeni, da je izvirno besedilo mogoče urejati, čeprav je oblikovanje obogatenega besedila onemogočeno.
- Prazen niz ali true, kar pomeni, da je element mogoče urejati.
- false, kar pomeni, da elementa ni mogoče urejati.
Primer
Naslednji primer pojasnjuje, kako je mogoče vsebino, ki jo je mogoče urejati, uporabiti na spletni strani. Oglejmo si spodnjo kodo, da jo bomo bolje razumeli:
HTML
Tukaj je koda HTML, ki pojasnjuje uporabo dogodkov spreminjanja vsebine:
< citat bloka contenteditable = 'prav' >
< h3 > TUKAJ UREJITE SVOJO VSEBINO! < / h3 >
< / citat bloka >
V zgornji kodi HTML:
- Oznaka blockquote je ustvarjena z atributom contenteditable, nastavljenim na true. To bo omogočilo urejanje vsebine znotraj oznake blockquote.
- Oznaka h3 je prisotna znotraj oznake blockquote. Piše 'UREDITE SVOJO VSEBINO TUKAJ!', saj je prisoten znotraj
, kar pomeni, da lahko vsebino ureja uporabnik.
CSS
Da bi bila naša koda vizualno privlačna, smo uporabili naslednjo kodo CSS:
citat bloka {
ozadje : peachpuff ;
mejni polmer : 10 slikovnih pik ;
marža : 10 slikovnih pik ;
}
blok citat h3 {
oblazinjenje : 10 slikovnih pik ;
}
V zgornji kodi CSS:
- Ozadje oznake blockquote je nastavljeno tako, da ima barvo breskve s polmerom obrobe 10 slikovnih pik in robom 10 slikovnih pik.
- Naslov h3 znotraj citata bloka je nastavljen tako, da ima odmik 10 slikovnih pik.
Izhod :
Naslednji rezultat pojasnjuje, kako je mogoče vsebino urejati z dogodkom spremembe vsebine v JavaScriptu:
Pomen urejanja vsebine
- Povečana interaktivnost, saj lahko uporabnik priročno spreminja vsebino.
- Priročna prilagoditev programerja s pomočjo JavaScripta lahko ustvari spremenjeno vedenje, kot je samodejno shranjevanje, ki sproži različna dejanja na podlagi uporabniškega vnosa.
- Pomaga poenostaviti postopek urejanja, kar uporabniku omogoča dinamično urejanje brez potrebe po ločenem besedilnem polju.
Zaključek
Dogodki spreminjanja vsebine v JavaScriptu omogočajo uporabniku spreminjanje vsebine, zaradi česar je spletna stran odzivna in prilagodljiva. To utira pot spletnemu razvoju, osredotočenemu na uporabnika, kjer lahko uporabnik ureja vsebino na spletni strani v realnem času, kar omogoča bolj odzivno uporabniško izkušnjo. Ta članek je razpravljal o tem, kako obravnavati dogodke sprememb vsebine v JavaScriptu, in to razložil s pomočjo primera.