CSS सूचक-घटनाएँ संपत्ति

<घंटा/>

पॉइंटर-इवेंट प्रॉपर्टी निर्दिष्ट करती है कि क्या तत्व को कुछ कार्रवाई करनी चाहिए या नहीं जब उस पर पॉइंटर इवेंट ट्रिगर होता है। पॉइंटर ईवेंट को माउस क्लिक, टच, स्टाइलस, आदि द्वारा ट्रिगर किया जा सकता है।

CSS में पॉइंटर-इवेंट प्रॉपर्टी दिखाने वाला कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.pointer1 {
   font-size: 20px;
   padding: 10px;
   pointer-events: none;
}
.pointer2 {
   font-size: 20px;
   padding: 10px;
   pointer-events: auto;
}
</style>
</head>
<body>
<h1>Pointer-events property example</h1>
<div class="pointer1">
Go to <a href="https://www.wikipedia.org">wikipedia.org</a>
</div>
<div class="pointer2">
Go to <a href="https://www.google.com/">google.com</a>
</div>
<h2>Hover over the above links to see pointer events</h2>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

CSS सूचक-घटनाएँ संपत्ति

दूसरे लिंक पर होवर करने पर, आप माउस पॉइंटर देख सकते हैं क्योंकि हमने पॉइंटरइवेंट्स प्रॉपर्टी सेट की है..