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

- Advertisement -
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

BÀI VIẾT MỚI

Hướng dẫn tạo bộ đếm lùi thời gian bằng JavaScript

Mới đó mà đã gần nửa năm 2021 trôi qua. Tình hình dịch bệnh COVID-19 cũng chẳng mấy khả quan. Nhưng vẫn cứ hy...

Hướng dẫn tạo hiệu ứng mưa rơi trên trang web với JavaScript

Quy Nhơn chớm bước vào mùa hè với nắng nóng. Những lúc thế này tự nhiên lại thèm những cơn mưa để giải tỏa...

Instagram ra mắt tính năng tạo chú thích tự động cho Stories và Reels

Tiếp bước TikTok, Instagram hiện cũng đã ra mắt tính năng tạo chú thích (caption) tự động của riêng mình. Tính năng mới này đã...

Facebook đã chính thức cập nhật tính năng “bong bóng chat” trên iPhone

Mới đây, Facebook đã chính thức cập nhật tính năng Chat Heads (hay còn gọi là bong bóng chat) trên iPhone, cho phép người...

Facebook Workplace đạt mốc 7 triệu người dùng trả phí

Vào thứ Ba vừa rồi, Facebook vừa mới thông báo ứng dụng Facebook Workplace của họ tính cho tới thời điểm hiện tại đã...

BẠN XEM CHƯA

Pornhub tặng tài khoản premium cho người dùng Italia để… chống dịch Covid-19

Để ủng hộ Italia trong công cuộc chiến đấu với đại dịch Covid-19, Pornhub đã quyết định tặng miễn phí dịch vụ premium của...

Khắc phục lỗi không copy được văn bản trong Photoshop

Photoshop mình gặp tình trạng thỉnh thoảng không copy được văn bản (text) từ layer. Thông báo lỗi mỗi khi cố gắng thực hiện...

Ơn cô thầy

Thơ ngây mắt biếc tuổi hồng Miệt mài đèn sách ươm nồng trang thơ Mái trường chắp cánh ước mơ Đưa em đến với bến bờ công...

Công cụ chống phân mảnh ổ đĩa miễn phí FixBee

Sau một thời gian sử dụng máy tính thì ổ cứng của bạn có thể bị phân mảnh và cần thao tác dồn đĩa...

Du lịch Quy Nhơn vào tháng 3 có gì hấp dẫn

Bình Định - Quy Nhơn, miền đất của nắng, gió và những bãi biển hoang sơ đang vào thời gian đẹp nhất trong năm. Tháng...