No jQuery, como posso saber entre um clique programático e um clique do usuário?

Digamos que eu tenha um gerenciador de cliques definido:

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

});

Como posso, no manipulador de função, saber se o evento foi disparado programaticamente ou pelo usuário?

Você pode dar uma olhada no objeto de evento e. Se o evento foi disparado por um clique real, você vai ter coisas como clientX, clientY, pageX, pageY, etc. dentro ee eles vão ser números; esses números estão relacionados à posição do mouse quando o clique é acionado, mas provavelmente estarão presentes mesmo que o clique tenha sido iniciado pelo teclado. Se o evento foi disparado por $x.click(), você não terá os valores de posição usuais em e. Você também pode olhar para a originalEventpropriedade , que não deveria estar lá se o evento viesse $x.click().

Talvez algo assim:

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

E aqui está um pequeno sandbox para brincar: http://jsfiddle.net/UtzND/

Você pode usar um parâmetro extra conforme declarado no manual do gatilho jQuery :

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

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

Já há outra pergunta respondida.

Como detectar se um click () é um clique do mouse ou disparado por algum código?

Use a whichpropriedade do objeto de evento. Deve ser undefinedpara eventos acionados por código

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

Exemplo de JsFiddle - http://jsfiddle.net/interdream/frw8j/

Espero que ajude!

Tentei todas as soluções acima. Nada funcionou no meu caso. A solução abaixo funcionou para mim. Espero que ajude você também.

$(document).ready(function(){
  //calling click event programmatically
    $("#chk1").trigger("click");
});

$(document).on('click','input[type=checkbox]',function(e) {
		if(e.originalEvent.isTrusted==true){
			alert("human click");
		}
		else{
			alert("programmatically click");
		}
    
    });

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
</script>

<input type="checkbox" id="chk1" name="chk1" >Chk1</input>
<input type="checkbox" id="chk2" name="chk2" >Chk2</input>
<input type="checkbox" id="chk3" name="chk3" >Chk3</input>

DOM Nível 3 especifica event.isTrusted. No momento, isso só é compatível com o IE9 + e o Firefox (com base em meus testes. Também li (embora não tenha pesquisado exaustivamente) que pode ser substituído em alguns navegadores e provavelmente ainda não está 100% pronto para ser realmente confiável (infelizmente).

Esta é uma versão modificada do violino de @ mu que funciona no IE e no Firefox.

Solução Vanila js:

document.querySelector('button').addEventListener('click', function (e){
    if(e.isTrusted){
        // real click.
    }else{
        // programmatic click
    }
});

Não vai participar na discussão intelectual, o código que funcionou para mim para filtrar .click()e .trigger('click')é-

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