ఈ కథనం JavaScriptలో కంటెంట్ సవరించదగిన మార్పు ఈవెంట్‌లను ఎలా నిర్వహించాలో చర్చిస్తుంది మరియు దానిని ఉదాహరణ సహాయంతో వివరిస్తుంది.
జావాస్క్రిప్ట్‌లో వివాదాస్పద మార్పు ఈవెంట్‌లను ఎలా నిర్వహించాలి?
తృప్తిపరచదగినది లెక్కించబడిన లక్షణం. వినియోగదారు వారి అవసరాలను పరిగణనలోకి తీసుకుని కంటెంట్‌లో మార్పులు చేయవచ్చు. ఇది అనుమతించబడితే, ఎలిమెంట్‌లను సవరించడాన్ని అనుమతించడానికి బ్రౌజర్ దాని విడ్జెట్‌ను మారుస్తుంది.
కంటెంట్‌ని సవరించగలిగే మార్పు ఈవెంట్ ద్వారా ఏ విలువలు అనుమతించబడతాయి?
కంటెంట్ ఎడిటబుల్ ఈ విలువలలో దేనినైనా తీసుకోవచ్చు:
- రిచ్ టెక్స్ట్ ఫార్మాటింగ్ నిలిపివేయబడినప్పటికీ అసలు వచనాన్ని సవరించవచ్చని సాదాపాఠం మాత్రమే సూచిస్తుంది.
- ఖాళీ స్ట్రింగ్ లేదా ఒప్పు అంటే మూలకాన్ని సవరించవచ్చు.
- మూలకాన్ని సవరించడం సాధ్యం కాదని తప్పుడు సూచిస్తుంది.
ఉదాహరణ
వెబ్ పేజీలో కంటెంట్ సవరించగలిగేలా ఎలా ఉపయోగించవచ్చో క్రింది ఉదాహరణ వివరిస్తుంది. దీన్ని బాగా అర్థం చేసుకోవడానికి దిగువ కోడ్‌ను చూద్దాం:
HTML
కంటెంట్ సవరించదగిన మార్పు ఈవెంట్‌ల వినియోగాన్ని వివరించే HTML కోడ్ ఇక్కడ ఉంది:
< బ్లాక్‌కోట్ సంతృప్తికరంగా = 'నిజం' >
< h3 > మీ కంటెంట్‌ని ఇక్కడ సవరించండి! < / h3 >
< / బ్లాక్‌కోట్ >
పై HTML కోడ్‌లో:
- ఒక బ్లాక్‌కోట్ ట్యాగ్ కంటెంట్‌ని సరి చేయగలిగే లక్షణంతో సృష్టించబడుతుంది. ఇది బ్లాక్‌కోట్ ట్యాగ్‌లోని కంటెంట్‌ని సవరించడానికి అనుమతిస్తుంది.
- బ్లాక్‌కోట్ ట్యాగ్ లోపల h3 ట్యాగ్ ఉంది. ఇది
లోపల ఉన్నందున “మీ కంటెంట్‌ని ఇక్కడ సవరించండి!” అని చెబుతుంది, అంటే కంటెంట్‌ని వినియోగదారు సవరించవచ్చు.
CSS
మా కోడ్ దృశ్యమానంగా ఆకట్టుకునేలా చేయడానికి, మేము ఈ క్రింది CSS కోడ్‌ని ఉపయోగించాము:
బ్లాక్‌కోట్ {
నేపథ్య : పీచుపఫ్ ;
సరిహద్దు-వ్యాసార్థం : 10px ;
మార్జిన్ : 10px ;
}
బ్లాక్ కోట్ h3 {
పాడింగ్ : 10px ;
}
పై CSS కోడ్‌లో:
- బ్లాక్‌కోట్ ట్యాగ్ బ్యాక్‌గ్రౌండ్ 10px అంచు వ్యాసార్థం మరియు 10px మార్జిన్‌తో పీచు రంగును కలిగి ఉండేలా సెట్ చేయబడింది.
- బ్లాక్‌కోట్‌లోని h3 హెడ్డింగ్ 10px ప్యాడింగ్‌ని కలిగి ఉండేలా సెట్ చేయబడింది.
అవుట్‌పుట్ :
కింది అవుట్‌పుట్ జావాస్క్రిప్ట్‌లోని కంటెంట్‌ని సవరించగలిగే మార్పు ఈవెంట్‌ని ఉపయోగించి కంటెంట్‌ని ఎలా ఎడిట్ చేయవచ్చో వివరిస్తుంది:
కంటెంట్‌ని సవరించడం యొక్క ప్రాముఖ్యత
- వినియోగదారు కంటెంట్‌ని సౌకర్యవంతంగా సవరించగలగడం వల్ల ఇంటరాక్టివిటీ పెరిగింది.
- జావాస్క్రిప్ట్ సహాయంతో ప్రోగ్రామర్‌గా అనుకూలమైన అనుకూలీకరణ ఆటోసేవింగ్, యూజర్ ఇన్‌పుట్ ఆధారంగా విభిన్న చర్యలను ప్రేరేపించడం వంటి సవరించిన ప్రవర్తనలను సృష్టించగలదు.
- ప్రత్యేక టెక్స్ట్ ఫీల్డ్ అవసరం లేకుండా డైనమిక్‌గా సవరించడానికి వినియోగదారుని అనుమతించే సవరణ ప్రక్రియను క్రమబద్ధీకరించడంలో సహాయపడుతుంది.
ముగింపు
జావాస్క్రిప్ట్‌లోని కంటెంట్ సవరించదగిన మార్పు ఈవెంట్‌లు వెబ్‌పేజీని ప్రతిస్పందించే మరియు అనుకూలీకరించగలిగేలా కంటెంట్‌ను సవరించడానికి వినియోగదారుని అనుమతిస్తుంది. ఇది వినియోగదారు-కేంద్రీకృత వెబ్ అభివృద్ధికి మార్గం సుగమం చేస్తుంది, ఇక్కడ వినియోగదారు మరింత ప్రతిస్పందించే వినియోగదారు అనుభవాన్ని ప్రారంభించడం ద్వారా వెబ్ పేజీలోని కంటెంట్‌ను నిజ సమయంలో సవరించవచ్చు. ఈ కథనం జావాస్క్రిప్ట్‌లో కంటెంట్‌ని సవరించగలిగే మార్పు ఈవెంట్‌లను ఎలా నిర్వహించాలో చర్చించింది మరియు దానిని ఉదాహరణ సహాయంతో వివరించింది.