Vô hiệu hóa thẻ a liên kết

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à:

Như vậy khi ta sẽ viết một đoạn CSS cho một class của thẻ <a> ví dụ:

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

Cảm ơn bạn đã đánh giá! Bạn có thể chia sẻ cảm nhận bài viết này lên các mạng xã hội: hoặc .
Bạn cảm thấy thế nào về bài viết này?
  • Vui mừng
  • Hấp dẫn
  • Thú vị
  • Chán
  • Buồn
  • Tức giận

Huỳnh Mai Anh Kiệt

Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

leave a comment

Create Account



Log In Your Account