ఈ వ్రాతలో, మేము CSS పాయింటర్ ఈవెంట్స్ ప్రాపర్టీని ఎలా ఉపయోగించాలో వివరిస్తాము.
పాయింటర్ ఈవెంట్స్ ప్రాపర్టీ అంటే ఏమిటి?
CSS ' పాయింటర్-సంఘటనలు ” ప్రాపర్టీ HTML మూలకం పట్ల పాయింటర్/ట్యాప్ ప్రవర్తనను మరియు ఎంచుకున్న మూలకం హోవర్ లేదా క్లిక్ వంటి చర్యలను చేయడం ద్వారా ప్రతిస్పందిస్తుందో లేదో నిర్దేశిస్తుంది.
పాయింటర్ ఈవెంట్స్ ప్రాపర్టీని ఎలా ఉపయోగించాలి?
CSSలో, కొన్ని నిర్దిష్ట HTML మూలకాలపై పాయింటర్ చర్యలను ప్రారంభించడానికి లేదా నిలిపివేయడానికి పాయింటర్ ఈవెంట్స్ ప్రాపర్టీని ఉపయోగించవచ్చు. పాయింటర్-ఈవెంట్స్ ప్రాపర్టీ యొక్క సింటాక్స్ క్రింద ఇవ్వబడింది.
వాక్యనిర్మాణం
పాయింటర్-సంఘటనలు : ఏదీ లేదు | దానంతట అదే ;
పేర్కొన్న సింటాక్స్లో, “ దానంతట అదే ” అనేది పాయింటర్-ఈవెంట్స్ ప్రాపర్టీ యొక్క డిఫాల్ట్ విలువ, మరియు ఇది మూలకం వైపు పాయింటర్ చర్యను ప్రారంభిస్తుంది మరియు “ ఏదీ లేదు ” ఆటోకు పూర్తిగా వ్యతిరేకం; ఇది HTML మూలకాలపై పాయింటర్ చర్యను నిలిపివేస్తుంది.
పాయింటర్-ఈవెంట్స్ ప్రాపర్టీని అర్థం చేసుకోవడానికి ముందుకు సాగండి మరియు ఒక ఉదాహరణ తీసుకుందాం.
ఉదాహరణ 1
మా HTML ఫైల్లో, '' అనే వచనంతో యాంకర్ ట్యాగ్ను పేర్కొనండి LinuxHint.io ” మరియు దానిని శరీర విభాగంలో ఉంచండి.
HTML
< a href = “https://www.linuxhint.io/” > LinuxHint.io < / a >ఇప్పుడు, మేము 'ని ఉపయోగిస్తాము పాయింటర్-సంఘటనలు 'ఆస్తి మరియు దాని విలువను కేటాయించండి' ఏదీ లేదు ”. ఇది మూలకంపై పాయింటర్ చర్యను నిలిపివేస్తుంది.
CSS
a {పాయింటర్-సంఘటనలు : ఏదీ లేదు ;
}
పేర్కొన్న కోడ్తో మీ HTML ఫైల్ను సేవ్ చేసి, మీ బ్రౌజర్ని ఉపయోగించి దీన్ని అమలు చేయండి:
పాయింటర్ ఈవెంట్స్ ప్రాపర్టీని లోతుగా కవర్ చేయడానికి మరొక ఉదాహరణ తీసుకుందాం.
ఉదాహరణ 2
పాయింటర్ ఈవెంట్స్ ప్రాపర్టీ విలువను 'కి సెట్ చేయండి దానంతట అదే ” ఈసారి. ఇది పాయింటర్ హోవర్ లేదా క్లిక్పై మూలకం ప్రతిస్పందించేలా చేస్తుంది. అయినప్పటికీ, ఆటో అనేది పాయింటర్-ఈవెంట్స్ ప్రాపర్టీ యొక్క డిఫాల్ట్ విలువ.
CSS
a {పాయింటర్-సంఘటనలు : దానంతట అదే ;
}
అవుట్పుట్
మేము CSS పాయింటర్ ఈవెంట్స్ ప్రాపర్టీ యొక్క విభిన్న ఉపయోగాలను కవర్ చేసాము.
ముగింపు
పాయింటర్ చర్యలను నియంత్రించడానికి, మేము CSSని ఉపయోగించవచ్చు ' పాయింటర్-సంఘటనలు ”ఆస్తి. ది ' దానంతట అదే ” విలువ ఈ ఆస్తి యొక్క ముందే నిర్వచించబడిన విలువ; ఇది HTML మూలకాలపై చర్యలను ప్రారంభిస్తుంది. పాయింటర్-ఈవెంట్స్ ప్రాపర్టీని విలువతో ఉపయోగించినప్పుడు ' ఏదీ లేదు ”, ఇది నిర్దిష్ట మూలకం వైపు చర్యలను నిలిపివేస్తుంది. CSS పాయింటర్-ఈవెంట్స్ ప్రాపర్టీని ఎలా ఉపయోగించాలో ఈ రైట్-అప్ ప్రదర్శించింది.