W jQuery, jak mogę odróżnić kliknięcie programowe od użytkownika?

Question

Say Mam obsługi kliknij zdefiniowane:

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

}); 

Jak można, w ramach obsługi funkcji, powiedz, czy zdarzenie zostało opalane programowo lub przez użytkownika?

Answer 1

można wykorzystywać dodatkowy parametr jak stwierdzono w jQuery trigger manual:

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

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

Answer 2

Można spojrzeć obiektu zdarzenia e. Jeśli zdarzenie zostało wywołane przez prawdziwe kliknięcie, będziesz miał takie rzeczy jak clientX, clientY, pageX, pageY itp. Wewnątrz e i będą to liczby; Liczby te są związane z pozycją myszy po uruchomieniu kliknięcia, ale prawdopodobnie będą obecne, nawet jeśli kliknięcie zostało zainicjowane za pomocą klawiatury. Jeśli zdarzenie zostało wywołane przez $x.click(), nie będziesz miał normalnych wartości pozycji w e. Możesz również spojrzeć na numer originalEvent property, którego nie powinno tam być, jeśli wydarzenie pochodzi z $x.click().

Może coś takiego:

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

A oto trochę piaskownica do zabawy: http://jsfiddle.net/UtzND/

Answer 3

DOM Level 3 określa event.isTrusted. Jest to obecnie obsługiwane tylko w IE9 + i Firefox (w oparciu o moje testy.) Czytałem również (choć nie do końca zbadane), że można je przesłonić w niektórych przeglądarkach i prawdopodobnie nie jest jeszcze w 100% gotowe, by można było zaufać (niestety).

This to zmodyfikowana wersja skrzypce @ MU, który działa na IE i Firefox.

Answer 4

jest jeszcze inna kwestia już odpowiedział.

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

użyć właściwości obiektu zdarzenia which. to powinien być undefined Dla kodu wyzwalany wydarzeń

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

JsFiddle przykład - http://jsfiddle.net/interdream/frw8j/

Nadzieję, że to pomaga!

Answer 5

nie zamierza uczestniczyć w dyskusji intelektualnej, kod, który pracował dla mnie, aby filtrować .click() i .trigger('click') IS-

$(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 
    } 
});