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