CSS पॉइंटर-इवेंट प्रॉपर्टी का उपयोग करके हम नियंत्रित कर सकते हैं कि किसी तत्व पर माउस और टच की अनुमति है या नहीं।
CSS पॉइंटर-इवेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है -
pointer-events: auto|none;
ऊपर,
स्वतः डिफ़ॉल्ट है। तत्व सूचक घटनाओं पर प्रतिक्रिया करता है, जबकि
कोई नहीं: तत्व सूचक घटनाओं पर प्रतिक्रिया नहीं करता है
उदाहरण
निम्नलिखित उदाहरण CSS सूचक-घटनाओं के गुण को दर्शाते हैं।
<!DOCTYPE html>
<html>
<head>
<style>
a {
margin: 10vh;
pointer-events: none;
}
a:last-of-type {
pointer-events: auto;
}
</style>
</head>
<body>
<a href=#>No pointer event here</a>
<a href=#>Automatic pointer event here</a>
</body>
</html> आउटपुट
यह निम्नलिखित परिणाम देगा -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
select {
margin: 10vh;
pointer-events: none;
background-color: mistyrose;
}
</style>
</head>
<body>
<select>
<option>No event here </option>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</body>
</html> आउटपुट
यह निम्नलिखित परिणाम देगा -
