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