jQuery click() sự kiện bắt tất cả?

Question

chúng tôi đang hiển thị một hộp trên màn hình mà tôi muốn ẩn khi người dùng nhấp vào bất kỳ đâu trên màn hình, bao gồm nội dung, neo, div, nút, v.v ... Có bộ chọn có thể xử lý điều này cho tôi không? Hay đó là trường hợp của $('body, a, div, input').click()?

Answer 1

Bạn có thể làm điều đó như thế này:

$(document).click(function() { 
    $("#boxID").hide(); 
}); 

Kể từ khi click sự kiện sẽ, theo mặc định, bubble up-document, đây là một "tổng hợp" cách tiếp cận ... nếu bạn không muốn nhấp chuột từ bên hộp để đóng nó, bổ sung một ghé .stopPropagation() trên nhữngclick sự kiện như thế này:

$("#boxID").click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 2

Bạn chỉ có thể liên kết với sự kiện nhấp chuột của phần tử tài liệu. Hãy thử nó tại http://jsfiddle.net/ZqEbY/.