ఈ కథనంలో, CSSని ఉపయోగించి క్లిక్ ఈవెంట్‌ను ఎలా డిసేబుల్ చేయాలో నేర్చుకుంటాము.

కాబట్టి, ప్రారంభిద్దాం!

CSSని ఉపయోగించి క్లిక్ ఈవెంట్‌ని డిసేబుల్ చేయడం ఎలా?

మీరు CSS 'ని ఉపయోగించి క్లిక్ ఈవెంట్‌లను నిలిపివేయవచ్చు పాయింటర్-సంఘటనలు ”ఆస్తి. కానీ, దానిలోకి దూకి, మేము దానిని మీకు క్లుప్తంగా వివరిస్తాము.

“పాయింటర్ ఈవెంట్స్” CSS ప్రాపర్టీ అంటే ఏమిటి?

ది ' పాయింటర్-సంఘటనలు ” టచ్ ఈవెంట్‌కి HTML ఎలిమెంట్‌లు ఎలా స్పందిస్తాయో లేదా ఎలా ప్రవర్తిస్తాయో, అంటే క్లిక్ లేదా ట్యాప్ ఈవెంట్‌లు, యాక్టివ్ లేదా హోవర్ స్టేట్‌లు మరియు కర్సర్ కనిపిస్తుందా లేదా అనేది నియంత్రించండి.

వాక్యనిర్మాణం
పాయింటర్ ఈవెంట్‌ల సింటాక్స్ క్రింది విధంగా ఉంది:

పైన పేర్కొన్న ఆస్తి రెండు విలువలను తీసుకుంటుంది, ఉదాహరణకు ' దానంతట అదే 'మరియు' ఏదీ లేదు ”:

• దానంతట అదే: ఇది డిఫాల్ట్ ఈవెంట్‌లను నిర్వహించడానికి ఉపయోగించబడుతుంది.
• ఏదీ లేదు: ఇది ఈవెంట్‌లను నిలిపివేయడానికి ఉపయోగించబడుతుంది.

గమనిక: క్రింద ఇవ్వబడిన ఉదాహరణ మొదట రెండు సక్రియ బటన్‌లను ఎలా జోడించాలో చూపుతుంది, ఆపై మేము రెండవ బటన్ యొక్క క్లిక్ ఈవెంట్‌ను నిలిపివేస్తాము.

ఉదాహరణ 1: CSSని ఉపయోగించి బటన్‌ల క్లిక్ ఈవెంట్‌ని నిలిపివేయడం
ఈ ఉదాహరణలో, మేము శీర్షిక

మరియు రెండు బటన్లను సృష్టిస్తాము. తరువాత, 'ని పేర్కొనండి బటన్ 'మొదటి బటన్ యొక్క తరగతి పేరుగా మరియు కేటాయించండి' బటన్ 'మరియు' బటన్2 ” రెండవ బటన్ యొక్క తరగతులుగా.

HTML

< div >
< h1 > CSSని ఉపయోగించి ఈవెంట్ క్లిక్‌ని నిలిపివేయండి < / h1 >
< బటన్ తరగతి = 'బటన్' > ఎనేబుల్ బటన్ < / బటన్ >
< బటన్ తరగతి = 'బటన్ బటన్2' > డిసేబుల్ బటన్ < / బటన్ >
< / div >

CSS లో, ' .బటన్ ” HTML ఫైల్‌లో సృష్టించబడిన రెండు బటన్‌లను యాక్సెస్ చేయడానికి ఉపయోగించబడుతుంది. తర్వాత, సరిహద్దు శైలిని ఇలా సెట్ చేయండి ఏదీ లేదు 'మరియు పాడింగ్ ఇవ్వండి' 25px ”. ఆ తర్వాత, బటన్ టెక్స్ట్ యొక్క రంగును '' గా సెట్ చేయండి rgb(29, 6, 31) ” మరియు బటన్ నేపథ్యం “ rgb(19, 192, 163) ”. మేము బటన్ యొక్క వ్యాసార్థాన్ని కూడా ఇలా సెట్ చేస్తాము 5px ”.

CSS

.బటన్ {
సరిహద్దు : ఏదీ లేదు ;
పాడింగ్ : 25px ;
రంగు : rgb ( 29 , 6 , 31 ) ;
నేపథ్య రంగు : rgb ( 19 , 192 , 163 ) ;
సరిహద్దు-వ్యాసార్థం : 5px ;
}

ఆ తర్వాత, మేము రెండు బటన్‌లపై : యాక్టివ్ సూడో-క్లాస్‌ని వర్తింపజేస్తాము “ .బటన్:యాక్టివ్ ” మరియు బటన్ రంగును ఇలా సెట్ చేయండి rgb(200, 255, 0) ”:

.బటన్ : చురుకుగా {
నేపథ్య రంగు : rgb ( 209 , 65 , 65 ) ;
}

ఫలితంగా, మీరు ఈ క్రింది ఫలితాన్ని చూస్తారు:

ఇప్పుడు, మేము తదుపరి భాగానికి వెళ్తాము, దీనిలో రెండవ బటన్ కోసం క్లిక్ ఈవెంట్‌ను నిలిపివేస్తాము.

అలా చేయడానికి, ఉపయోగించండి ' .బటన్2 ” HTML ఫైల్‌లో సృష్టించబడిన రెండవ బటన్‌ను యాక్సెస్ చేయడానికి మరియు ఆ తర్వాత, పాయింటర్ ఈవెంట్స్ ప్రాపర్టీ విలువను ఇలా సెట్ చేయండి ఏదీ లేదు ”:

.బటన్2 {
పాయింటర్-సంఘటనలు : ఏదీ లేదు ;
}

పాయింటర్-ఈవెంట్స్ ప్రాపర్టీని ఉపయోగించడం మరియు దాని విలువను నాన్‌కి సెట్ చేయడం వలన క్లిక్ ఈవెంట్ నిలిపివేయబడుతుంది, ఇది క్రింది అవుట్‌పుట్‌లో చూడవచ్చు:

CSSని ఉపయోగించి క్లిక్ ఈవెంట్‌ను నిలిపివేయడానికి మేము సులభమైన పద్ధతిని అందించాము.

ముగింపు

HTMLలో క్లిక్ ఈవెంట్‌ను నిలిపివేయడానికి, ' పాయింటర్-సంఘటనలు ” CSS యొక్క ఆస్తి ఉపయోగించబడుతుంది. ఈ ప్రయోజనం కోసం, HTML మూలకాన్ని జోడించి, పాయింటర్-ఈవెంట్స్ ప్రాపర్టీ విలువను ఇలా సెట్ చేయండి ఏదీ లేదు ” దాని క్లిక్ ఈవెంట్‌ని నిలిపివేయడానికి. ఈ కథనం దాని ఉదాహరణతో పాటు CSSని ఉపయోగించి క్లిక్ ఈవెంట్‌ను ఎలా డిసేబుల్ చేయాలో వివరించింది.