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

Shopify ra mắt trang web chính thức cho thị trường Việt Nam

Shopify là nền tảng thương mại điện tử cho phép dễ dàng tạo ra các trang web bán hàng online cho do doanh nghiệp...

Jeff Bezos sẽ rời vị trí CEO của Amazon

Theo một thông báo mới đây từ Amazon, Jeff Bezos, người sáng lập và là CEO của gã khổng lồ này trong gần 30...

Free Fire hợp tác cùng Sơn Tùng M-TP ra mắt dự án Skyler

Free Fire là tựa game bắn súng sinh tồn nổi tiếng bậc nhất trên nền tảng di động. Sau hơn 3 năm phát hành,...

Lấy một số ngẫu nhiên với Shopify Liquid

Shopify Liquid rất hạn chế nên đôi khi có những yêu cầu tưởng chừng đơn giản nhưng lại không biết code như thế nào....

Hướng dẫn tạo ảnh hoạt hình từ ảnh thật với ToonMe

Bạn có tò mò muốn biết bản thân mình sẽ như thế nào khi trong vai một nhân vật hoạt hình không? Không cần...

BẠN XEM CHƯA

Banner chương trình Mùa hè xanh 2013 của Đoàn trường Đại học Quy Nhơn

Banner thiết kế cho chương trình Mùa hè xanh 2013 của Đoàn trường Đại học Quy Nhơn. Kích thước: 5m x 1m Định dạng: .PSD Dung lượng: 159...

Trên đời không có người đàn ông vô tâm

Tạ Đình Phong có thể chấp nhận một Vương Phi đã từng đi qua 2 đời chồng và từng sinh con cho 2 người...

Làm sao tăng cường khả năng đề kháng trước virus Corona?

Dịch virus corona tiếp tục lan rộng với tỉ lệ tử vong trên 300 người với bệnh nhân tử vong đầu tiên ngoài Trung...

IP2Country – Tìm thông tin quốc gia người truy cập

Code này giúp phát hiện các nước và khu vực của một địa chỉ IP. Code được viết bằng ngôn ngữ PHP. Nó có thể...

Cách tải video gửi qua Facebook Messenger

Mạng Bình Định đã từng chia sẻ với các bạn cách tải video từ Facebook nhưng cách này chỉ áp dụng cho các video...