পয়েন্টার-ইভেন্ট বৈশিষ্ট্য নির্দিষ্ট করে যে উপাদানটি কিছু অ্যাকশন করা উচিত কিনা যখন পয়েন্টার ইভেন্টটি এটির উপর ট্রিগার করা হয়। পয়েন্টার ইভেন্টগুলি মাউস ক্লিক, স্পর্শ, লেখনী, ইত্যাদি দ্বারা ট্রিগার করা যেতে পারে।
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> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে
দ্বিতীয় লিঙ্কের উপর হোভার করলে, আপনি মাউস পয়েন্টার দেখতে পাবেন যেহেতু আমরা পয়েন্টার ইভেন্ট বৈশিষ্ট্য সেট করেছি..
