bắt bất kỳ nhấp chuột thực hiện bằng jQuery

Question

cách Noob để làm điều đó tôi đoán sẽ là

$('*').click(function(){...}); 

Nhưng có cách nào tôi có thể bắt bất kỳ loại nhấp chuột, mà không cần phải đăng ký một người biết lắng nghe cho mọi đối tượng trong DOM?

---

Trợ giúp sẽ thật tuyệt vời. =)

Answer 1

Một sự kiện click sẽ theo mặc định bubble up the DOM, vì vậy bạn có thể chỉ cần đính kèm một handler click vào thư mục gốc, như thế này:

$(document).click(function() { 
    //do something 
}); 

Trừ một handler trên một phần tử trên đường đi làm một event.stopPropagation() hoặc return false , bạn sẽ nhận được bấm vào đây.

Answer 2

Làm thế nào về:

$('body').click(function(){...}); 

Bất kỳ nhấp chuột sẽ được trên cơ thể, vì đó là mẹ của tất cả các nút có thể nhìn thấy trong các dom.

Answer 3

Làm cách nào chỉ việc đính kèm một lần nhấp vào cơ thể?

$('body').click(function(e){ ... }) 

Các e.target nên chứa những gì được nhấp vào

Answer 4

Bạn có thể sử dụng đoàn sự kiện trên tài liệu để bắt tất cả các nhấp chuột.

jQuery sẽ điền vào thuộc tính target của event để truy xuất phần tử được nhấp.

$(document).click(function(event){ 
    // event.target is the clicked object 
}); 

Lưu ý rằng event.target sẽ là yếu tố sâu xa nhấp vào. Ví dụ: nếu có <span> trong một số <a>, bạn sẽ nhận được <span>, không phải là <a>.

Nếu bạn muốn bắt bất kỳ nhấp chuột nhưng muốn lấy một yếu tố cụ thể (như một lớp), bạn có thể làm:

$(document).click(function(event){ 
    $(event.target).closest(".clickable").each(function(){ 
    // "this" is your "clickable" clicked 
    }); 
}); 

Trừ khi một event handler trên một phần tử trên đường đi làm một event.stopPropagation() hoặc return false , bạn sẽ nhận được bấm vào đây.

Answer 5

$('*').click(function() {...}) sẽ chỉ bắt các nhấp chuột vào các yếu tố đã tồn tại khi bạn thực hiện cuộc gọi đến .click(). Để nắm bắt các nhấp chuột vào các yếu tố có thể được tạo sau này, bạn cần phải liên kết với body hoặc document như những yếu tố khác đã đề xuất.