Trong jQuery, làm cách nào tôi có thể biết được giữa nhấp chuột có lập trình và người dùng?

Question

Nói rằng tôi có một handler nhấp chuột định nghĩa:

$("#foo").click(function(e){ 

}); 

Làm thế nào tôi có thể, trong thời hạn xử lý chức năng, cho dù sự kiện này đã bị sa thải lập trình, hoặc bởi người sử dụng?

Answer 1

Bạn có thể sử dụng một tham số phụ như đã nêu trong jQuery trigger manual:

$("#foo").click(function(e, from){ 
    if (from == null) 
     from = 'User'; 
    // rest of your code 
}); 

$('#foo').trigger('click', ['Trigger']); 

Answer 2

Bạn có thể có một cái nhìn tại các đối tượng sự kiện e. Nếu sự kiện được kích hoạt bằng một nhấp chuột thực, bạn sẽ có những thứ như clientX, clientY, pageX, pageY, v.v. bên trong e và chúng sẽ là số; những con số này có liên quan đến vị trí chuột khi nhấp chuột được kích hoạt nhưng chúng có thể sẽ xuất hiện ngay cả khi nhấp chuột được bắt đầu thông qua bàn phím. Nếu sự kiện được kích hoạt bởi $x.click() thì bạn sẽ không có các giá trị vị trí thông thường trong e. Bạn cũng có thể xem originalEvent property, không nên ở đó nếu sự kiện đến từ $x.click().

Có lẽ một cái gì đó như thế này:

$("#foo").click(function(e){ 
    if(e.hasOwnProperty('originalEvent')) 
     // Probably a real click. 
    else 
     // Probably a fake click. 
}); 

Và đây là một sandbox chút để chơi với: http://jsfiddle.net/UtzND/

Answer 3

DOM Level 3 quy định cụ thể event.isTrusted. Điều này hiện chỉ được hỗ trợ trong IE9 + và Firefox (dựa trên các bài kiểm tra của tôi. Tôi cũng đọc (mặc dù không được nghiên cứu kỹ lưỡng) rằng nó có thể bị ghi đè trong một số trình duyệt và có lẽ chưa sẵn sàng 100% để thực sự đáng tin cậy.

This là một phiên bản sửa đổi của fiddle @ mu của hoạt động trên IE và Firefox.

Answer 4

có một câu hỏi khác đã trả lời rồi.

How to detect if a click() is a mouse click or triggered by some code?

Sử dụng which tài sản của đối tượng sự kiện. Nó phải là undefined cho các sự kiện mã kích hoạt

$("#someElem").click(function(e) { 
    if (e.which) { 
     // Actually clicked 
    } else { 
     // Triggered by code 
    } 
}); 

JsFiddle dụ - http://jsfiddle.net/interdream/frw8j/

Hy vọng nó sẽ giúp!

Answer 5

Không sẽ tham gia vào các cuộc thảo luận hữu trí tuệ, các mã mà làm việc cho tôi để lọc .click() và .trigger('click') là-

$(document).on('click touchstart', '#my_target', function(e) { 
    if (e.pageX && e.pageY) { // To check if it is not triggered by .click() or .trigger('click') 
     //Then code goes here 
    } 
});