Thuộc tính pointer-events chỉ định xem phần tử có phản ứng với sự kiện con trỏ (chuột, chạm, bút) hay không.
Dưới đây là mã minh họa thuộc tính pointer-events trong CSS:
Ví dụ
<!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>
Kết quả
Mã trên cho kết quả sau:
Khi di chuột qua liên kết thứ hai, bạn thấy con trỏ chuột vì pointer-events được đặt là auto.