Thuộc tính sự kiện con trỏ CSS

Thuộc tính sự kiện con trỏ chỉ định liệu phần tử có nên thực hiện một số hành động hay không khi sự kiện con trỏ được kích hoạt trên nó. Sự kiện con trỏ có thể được kích hoạt bằng cách nhấp chuột, chạm, bút cảm ứng, v.v.

Sau đây là đoạn mã hiển thị thuộc tính sự kiện con trỏ 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>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Thuộc tính sự kiện con trỏ CSS

Khi di chuột qua liên kết thứ hai, bạn có thể thấy con trỏ chuột vì chúng tôi đã đặt thuộc tính pointerevents ..