jQueryでは、プログラマティッククリックとユーザークリックをどのように区別できますか？

クリックハンドラーを定義したとします。

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

});

関数ハンドラー内で、イベントがプログラムによって発生したのか、それともユーザーによって発生したのかをどのように確認できますか？

イベントオブジェクトを確認できますe。イベントは、実際のクリックによってトリガされた場合は、次のようなものがあるでしょうclientX、clientY、pageX、pageY、などの内部をe、彼らは数字になります。これらの番号は、クリックがトリガーされたときのマウスの位置に関連していますが、キーボードからクリックが開始された場合でもおそらく存在します。イベントがトリガーされた場合、$x.click()では通常の位置の値は得られませんe。originalEventプロパティを確認することもできます$x.click()。これは、イベントがから発生した場合には表示されません。

多分このようなもの：

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

そして、ここで遊ぶための小さなサンドボックスがあります：http : //jsfiddle.net/UtzND/

jQueryトリガーのマニュアルに記載されているように、追加のパラメーターを使用できます。

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

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

すでに回答されている別の質問があります。

click（）がマウスクリックか、コードによってトリガーされたかを検出するにはどうすればよいですか？

whichイベントオブジェクトのプロパティを使用します。undefinedコードによってトリガーされるイベント用である必要があります

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

JsFiddleの例-http : //jsfiddle.net/interdream/frw8j/

それが役に立てば幸い！

上記の解決策をすべて試しましたが、私の場合は何もうまくいきませんでした。以下の解決策は私のために働きました。それがあなたにも役立つことを願っています。

$(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レベル3はevent.isTrustedを指定します。これは現在、IE9 +とFirefoxでのみサポートされています（私のテストに基づきます。徹底的に調査していませんが）一部のブラウザーではオーバーライド可能であり、実際には（残念ながら）100％信頼できる状態ではないことも確認しました。

これは、IEとFirefoxで動作する@muのフィドルの修正バージョンです。

バニラjsソリューション：

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

知的な議論、フィルターに私のために働いたコードに参加するつもりはない.click()と.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
    }
});