📌 مفهوم

• Pointer Events مشخص می‌کند که آیا یک عنصر می‌تواند واکنش به اشاره‌گر موس یا لمس داشته باشد یا نه.

• با Tailwind CSS می‌توان به راحتی این رفتار را کنترل کرد.

📑 کلاس‌های Tailwind

📌 مثال

<div class="pointer-events-none bg-gray-300 p-4">
  این div به کلیک‌ها پاسخ نمی‌دهد
</div>

<div class="pointer-events-auto bg-blue-300 p-4">
  این div به کلیک‌ها پاسخ می‌دهد
</div>

• در مثال بالا، div اول حتی با کلیک کردن هم واکنشی ندارد.

• div دوم رفتار عادی دارد و کلیک‌ها را می‌پذیرد.

📌 نکات

• ترکیب pointer-events-none با absolute یا fixed برای غیرقابل کلیک کردن عناصر بالای صفحه بسیار کاربردی است.

• می‌توان در عناصر فرم یا لایه‌های overlay برای جلوگیری از تداخل کلیک‌ها استفاده کرد.