Làm cách nào để đóng hộp thoại phương thức trong JavaScript?
Tìm hiểu cách đóng cửa sổ phương thức hoặc bất kỳ thành phần giao diện người dùng nào khi người dùng nhấp vào bên ngoài cửa sổ đó bằng vanilla JavaScript Show Cửa sổ bật lên phương thức thường gây khó chịu, đặc biệt là khi chúng chiếm toàn bộ màn hình của bạn. Nó đặc biệt khó chịu khi chúng xảy ra trong vòng vài giây sau khi bạn vào trang web. Thật ngu ngốc và đó là thiết kế UX tồi Một số trang web đưa nó lên một tầm cao mới và quyết định làm cho nút đóng phương thức (X) nhỏ và có vị trí kỳ quặc đến mức bạn chỉ có đủ thời gian để thực sự tức giận khi giải câu đố mà bạn có thể quên mất lý do tại sao bạn truy cập trang web đó trong phần Hãy sửa nó HTML. một cửa sổ phương thức đơn giảnThêm đoạn mã sau vào tài liệu HTML của bạn
CSS. kiểu dáng nút & phương thức đơn giản
JavaScript. phát hiện tất cả các nhấp chuột trên tài liệuĐoạn mã JavaScript sau sẽ đóng cửa sổ phương thức nếu người dùng nhấp vào bên ngoài phần tử phương thức hoặc nếu họ nhấp vào nút X
Nhận tất cả các mã ở đây Điều gì xảy ra trong mã
Phương thức 2 tìm kiếm phần tử cha khớp gần nhất với phần tử có bộ chọn mà bạn truyền vào, trong trường hợp này, chúng ta truyền vào bộ chọn lớp ( 0)Phương thức 4 kiểm tra xem sự kiện. mục tiêu khớp với một bộ chọn cụ thể, trong trường hợp này, đó là bộ chọn lớp nút đóng 5 |