CSS পয়েন্টার-ইভেন্ট প্রপার্টি ব্যবহার করে আমরা নিয়ন্ত্রণ করতে পারি একটি উপাদানে মাউস এবং স্পর্শ অনুমোদিত কিনা।
CSS পয়েন্টার-ইভেন্ট সম্পত্তির সিনট্যাক্স নিম্নরূপ -
pointer-events: auto|none;
উপরে,
স্বয়ংক্রিয় ডিফল্ট হয় উপাদান পয়েন্টার ইভেন্টে প্রতিক্রিয়া দেখায়, যেখানে
কোনটিই নয়:৷ উপাদান পয়েন্টার ইভেন্টে প্রতিক্রিয়া করে না
উদাহরণ
নিম্নলিখিত উদাহরণগুলি সিএসএস পয়েন্টার-ইভেন্ট সম্পত্তির চিত্র তুলে ধরে।
<!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> আউটপুট
এটি নিম্নলিখিত ফলাফল তৈরি করবে -
