JQuery'de programlı ve kullanıcı tıklamasını nasıl anlayabilirim?

Tanımlanmış bir tıklama işleyicim olduğunu varsayalım:

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

});

İşlev işleyicinin içinde olayın programlı olarak mı yoksa kullanıcı tarafından mı başlatıldığını nasıl anlayabilirim?

Olay nesnesine bir göz atabilirsiniz e. Olay gerçek tıklama tetiklendiyse, olayları sever gerekecek clientX, clientY, pageX, pageY, vb iç eve sayılar olacak; bu sayılar, tıklama tetiklendiğinde fare konumu ile ilgilidir, ancak tıklama klavye aracılığıyla başlatılsa bile muhtemelen mevcut olacaktır. Etkinlik tarihine kadar tetiklendiyse $x.click(), konumunda olağan konum değerlerine sahip olmazsınız e. Ayrıca , olay geldiyse orada olmaması gereken originalEventmülke de bakabilirsiniz $x.click().

Belki bunun gibi bir şey:

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

Ve işte oynamak için küçük bir sanal alan: http://jsfiddle.net/UtzND/

JQuery tetik kılavuzunda belirtildiği gibi ekstra bir parametre kullanabilirsiniz :

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

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

Zaten cevaplanmış başka bir soru var.

Bir tıklamanın () bir fare tıklaması olup olmadığı veya bir kod tarafından tetiklendiği nasıl anlaşılır?

whichOlay nesnesinin özelliğini kullanın . undefinedKodla tetiklenen olaylar için olmalıdır

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

JsFiddle örneği - http://jsfiddle.net/interdream/frw8j/

Umarım yardımcı olur!

Yukarıdaki tüm çözümleri denedim, benim durumumda hiçbir şey işe yaramadı. Aşağıdaki çözüm benim için çalıştı. Umarım size de yardımcı olur.

$(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 Düzey 3, event.is Trusted'i belirtir. Bu, şu anda yalnızca IE9 + ve Firefox'ta desteklenmektedir (testlerime göre. Ayrıca bazı tarayıcılarda geçersiz kılınabileceğini ve muhtemelen güvenilmeye henüz% 100 hazır olmadığını (ne yazık ki) okudum (tam olarak araştırılmamış olsa da).

Bu , @ mu'nun kemanının IE ve Firefox'ta çalışan değiştirilmiş bir sürümüdür.

Vanila js çözümü:

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

Entelektüel tartışmaya katılmayı filtreye benim için çalıştı kodu gitmiyorum .click()ve .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
    }
});