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

Hướng dẫn tạo hiệu ứng slow-motion với Instagram Reels

Sau khi cộng đồng công nghệ kêu gọi tẩy chay TikTok vì nghi ngờ ứng dụng này thu thập dữ liệu người dùng thì...

Amazon ra mắt Amazon Honeycode – Công cụ hỗ trợ người dùng tạo ứng dụng di động và web

Mới đây Amazon vừa thông báo ra mắt dịch Amazon Honeycode. Đây là một dịch vụ hỗ trợ người dùng tạo ra các ứng...

Điều gì sẽ xảy ra với cơ thể khi bạn trúng đạn

Chúng ta chắc hẳn đã xem khá nhiều bộ phim hành động mà trong đó nhân vật chính bị trúng đạn vào vai, vào...

Dad, How Do I? – Kênh Youtube cho những ai không có bố

Vừa qua, một kênh YouTube mới của một người đàn ông dạy bài học, kỹ năng về cuộc sống đã lan truyền cực kỳ...

Facebook chi 400 triệu đô để mua lại Giphy

Giphy là một nền tảng trực tuyến hỗ trợ lưu trữ và tìm kiếm ảnh động (GIF) trực tuyến của Mỹ. Và mới đây...

BẠN XEM CHƯA

Tạo lịch năm mới theo phong cách cá nhân

Bạn nhàm chán với những mẫu lịch có sẵn trên thị trường và muốn tạo cho mình những tấm lịch với những hình ảnh...

Tuyển lập trình viên ứng dụng di động Android tại Quy Nhơn

Hiện tại bên mình đang có nhu cầu tuyển 1 bạn có kinh nghiệm lập trình ứng dụng di động với thông tin như...

Cái tên nói lên tất cả

Đọc một bài báo trên Vietnamnet  nói về cách chuyển tên họ của một người thành một con số từ 1 đến 9 và...

Lỗ hổng nghiêm trọng trong hầu hết các thiết bị NAS của LG

Nhà nghiên cứu đến từ VPN Mentor đá phát hiện ra lỗ hổng trên Network Attached Storage (NAS) của LG mà hacker có thể...

Kinh nghiệm khi chọn lựa mua một món hàng

Không biết đọc ở đâu đó có tử vi nói rằng Thiên Bình (chòm sao của mình) có nói rằng: "Thiên Bình khi tham...