Như các bạn đã biết thẻ <a> trong HTML là một siêu liên kết, được sử dụng để liên kết từ trang này sang trang khác. Các thuộc tính quan trọng nhất của phần tử <a> là thuộc tính href, mà chỉ ra điểm đến của liên kết.
Mình đã gặp phải vài dự án đại khái là có vài thao tác yêu cầu vô hiệu hóa thẻ <a> tức là vẫn để nguyên các giá trị thuộc tính nhưng khi click vào thì nó sẽ không hoạt động. Mình thử sử dụng lệnh event.preventDefault() nhưng không hiểu sao nó không thanh công. Và rồi mình tìm hiểu thì biết rắng có một thuộc tính trong CSS giúp vô hiệu hóa thẻ <a> đó là:
1 | pointer-events: none; |
Như vậy khi ta sẽ viết một đoạn CSS cho một class của thẻ <a> ví dụ:
1 2 3 4 | a.dis{ pointer-events: none; cursor: default; } |
Bây giờ mỗi khi muốn vô hiệu hóa thẻ <a> nào bạn chỉ cần thêm class dis vào thẻ <a> đó là được.
Huỳnh Mai Anh Kiệt
