Trang chủ Lập trình Javascript - HTML Chỉ gọi lệnh khi click lên thẻ nền trắng

Chỉ gọi lệnh khi click lên thẻ nền trắng

Đặt cái tiêu đề cho bài viết này thật sự là khó vì mô tả mà không có hình thì các bạn chắc sẽ khó hiểu. Mình xin có hình ví dụ dưới đây:

Ta có 2 thẻ DIV là A và B. 2 thẻ DIV này sẽ được bọc bởi một thẻ DIV khác là C.

Sẽ thật dễ dàng nếu ta viết lệnh bắt hành động click lên 2 thẻ A và B. Tuy nhiên giờ thêm yêu cầu bắt sự kiện khi click lên thẻ C mà không gọi hành động của thẻ A và B.

Nếu ta viết lệnh gọi click thông thường cho thẻ C thì nếu click bên ngoài thẻ A và B thì ổn nhưng khi click lên A hoặc B thì trình duyệt nó tự hiểu là bạn cũng đã click lên C và sẽ chạy luôn lệnh của thẻ ngoài (C) và cả thẻ trong (A hoặc B).

Giải pháp sao đây? Đơn giản với đoạn mã sau cho lệnh click của thẻ bao ngoài (C):

Với lệnh này thì lệnh chỉ thực thi cho thẻ C khi bạn click lên vùng ngoài trống không bị đè bởi thẻ nào bên trong (A hoặc B).

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
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.

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

- Advertisment -
Shopify

BÀI VIẾT MỚI

Nền tảng trực tuyến cho phép bạn thiết lập trang web chỉ trong vài phút

Bất kỳ doanh nghiệp nào hiện nay cũng đều cần một trang web. Tuy nhiên, không phải ai cũng có đủ chuyên môn kỹ...

Chuyên gia bảo mật người Việt phát hiện lỗ hổng bảo mật trên hệ điều hành Windows

Vừa qua, anh Lê Hữu Quang Linh (linhlhq) - chuyên gia bảo mật của Trung tâm Giám sát an toàn không gian mạng quốc...

Hẹn hò theo “phong cách nhà giàu” với Tesla Dating

Mới đây, tờ Business Insider vừa tiết lộ rằng một ứng dụng hẹn hò mang tên Tesla Dating sắp được ra mắt bởi Ajitpal...

Internet Explorer chính thức bị khai tử sau 25 năm

Trong bài đăng trên trang blog chính thức vào hôm thứ hai (17/8), Microsoft công bố họ sẽ không còn tiếp tục hỗ trợ...

PayPal lần đầu tiên bổ nhiệm giám đốc điều hành ở Trung Quốc

PayPal liên tiếp có những động thái cho thấy nền tảng thanh toán trực tuyến hàng đầu thế giới này sẽ tiếp cận thị...

BẠN XEM CHƯA

HostVN mời khách hàng dùng thử miễn phí WordPress Hosting

WordPress hiện đang là mã nguồn được sử dụng làm website bán hàng, tin tức, giới thiệu doanh nghiệp phổ biến nhất, chiếm phần...

Chiều quê

Mặt trời đã khuất sau non Vài tia nắng nhạt hãy còn long lanh Da trời phơn phớt màu xanh Núi lam, mây trắng, xây thành bốn...

Hướng dẫn khắc phục tình trạng không thể kết nối internet dù ping được

Hôm nay nổi hứng tải mấy game cũ về chơi. Mà làm biếng cài nên toàn tải mấy bản portable về chơi luôn. Mấy...

Thêm tính năng đa ngôn ngữ cho trang web với Google Translate

Để triển khai một dự án web đa ngôn ngữ là vô cùng tốn nhiều công sức từ kỹ thuật đến dịch thuật. Tuy...

Dịch vụ hosting miễn phí trên cả tuyệt vời

Với các thông số như sau: Chuẩn ổ đĩa lưu trữ SSD Không giới hạn lưu trữ Không giới hạn băng thông Không giới hạn tên miền thêm...