इस राइट-अप में, हम CSS पॉइंटर-इवेंट प्रॉपर्टी का उपयोग करने के तरीके के बारे में विस्तार से बताएंगे।
पॉइंटर-इवेंट्स प्रॉपर्टी क्या है?
सीएसएस ' सूचक घटना 'गुण एचटीएमएल तत्व की ओर पॉइंटर/टैप व्यवहार को निर्दिष्ट करता है और क्या चयनित तत्व होवर या क्लिक जैसी क्रियाओं को निष्पादित करके प्रतिक्रिया देगा।
पॉइंटर-इवेंट प्रॉपर्टी का उपयोग कैसे करें?
CSS में, पॉइंटर-इवेंट प्रॉपर्टी का उपयोग कुछ विशिष्ट HTML तत्वों पर पॉइंटर क्रियाओं को सक्षम या अक्षम करने के लिए किया जा सकता है। पॉइंटर-इवेंट प्रॉपर्टी का सिंटैक्स नीचे दिया गया है।
वाक्य - विन्यास
सूचक घटना : कोई भी नहीं | ऑटो ;
उल्लिखित वाक्यविन्यास में, ' ऑटो 'पॉइंटर-इवेंट प्रॉपर्टी का डिफ़ॉल्ट मान है, और यह एक तत्व की ओर पॉइंटर एक्शन को सक्षम बनाता है, और' कोई भी नहीं 'ऑटो के बिल्कुल विपरीत है; यह HTML तत्वों पर सूचक क्रिया को अक्षम करता है।
आइए आगे बढ़ते हैं और पॉइंटर-इवेंट प्रॉपर्टी को समझने के लिए एक उदाहरण लेते हैं।
उदाहरण 1
हमारी HTML फ़ाइल में, टेक्स्ट के साथ एक एंकर टैग निर्दिष्ट करें ' LinuxHint.io ” और इसे बॉडी सेक्शन के अंदर रखें।
एचटीएमएल
< एक href = 'https://www.linuxhint.io/' > LinuxHint.io < / एक >अब, हम 'का उपयोग करेंगे' सूचक घटना 'संपत्ति और इसे मान निर्दिष्ट करें' कोई भी नहीं ' यह तत्व पर सूचक क्रिया को अक्षम कर देगा।
सीएसएस
एक {सूचक घटना : कोई भी नहीं ;
}
अपनी HTML फ़ाइल को उल्लिखित कोड के साथ सहेजें और इसे अपने ब्राउज़र का उपयोग करके चलाएं:
पॉइंटर-ईवेंट प्रॉपर्टी को गहराई से कवर करने के लिए एक और उदाहरण लेते हैं।
उदाहरण 2
सूचक-घटनाओं के गुण मान को “पर सेट करें” ऑटो ' इस समय। यह तत्व को पॉइंटर होवर या क्लिक पर प्रतिक्रिया देगा। फिर भी, ऑटो पॉइंटर-ईवेंट प्रॉपर्टी का डिफ़ॉल्ट मान है।
सीएसएस
एक {सूचक घटना : ऑटो ;
}
उत्पादन
हमने CSS पॉइंटर-इवेंट प्रॉपर्टी के विभिन्न उपयोगों को कवर किया है।
निष्कर्ष
पॉइंटर क्रियाओं को नियंत्रित करने के लिए, हम CSS का उपयोग कर सकते हैं ' सूचक घटना ' संपत्ति। ' ऑटो 'मूल्य इस संपत्ति का पूर्वनिर्धारित मूल्य है; यह HTML तत्वों पर क्रियाओं को सक्षम बनाता है। जब पॉइंटर-इवेंट प्रॉपर्टी का उपयोग 'मूल्य के साथ किया जाता है' कोई भी नहीं ”, यह एक विशिष्ट तत्व की ओर क्रियाओं को अक्षम करता है। इस राइट-अप ने दिखाया है कि CSS पॉइंटर-इवेंट्स प्रॉपर्टी का उपयोग कैसे किया जाता है।