Trang chủ Lập trình Javascript - HTML Vô hiệu hóa thẻ a liên kết

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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Binance Launchpad có dễ… húp như bạn tưởng

Tiền kỹ thuật số (cryptocurrency) đang dần mở rộng. Kể ra mình biết khái niệm này từ rất lâu. Nếu các bạn là độc...

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

BẠN XEM CHƯA

Thay đổi cấu hình mạng dễ dàng với Mobile Net Switch

Nếu máy tính của bạn có nhiều kết nối internet và bạn muốn chuyển đổi một cách nhanh chóng giữa các kết nối đó...

Hostinger giảm giá 50% giá trị tất cả mã đơn hàng

Theo thông tin từ Hostinger thì hiện tại dịch vụ này đang có chương trình khuyến mãi giảm giá tới 50% cho tất cả...

Tìm thông tin chủ nhân của một địa chỉ email

Bạn nhận được email tự một địa chỉ email lạ mà bạn chưa từng liên lạc trước đó. Bạn muốn tìm hiểu thông tin...

Chia sẻ Wi-Fi mà không cần tiết lộ mật khẩu

Đôi khi bạn muốn chia sẻ Wi-Fi với bạn bè để truy cập mạng Internet, điều này đồng nghĩa với việc bạn phải cung...

Sử dụng reCaptcha cho trang web thuần chỉ hỗ trợ Javascript

Trước giờ khi có yêu cầu thiết lập Captcha cho các trang web thuần HTML chỉ hỗ trợ Javascript thì mình thường phải viết...