在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％准备好被信任（不幸的是）。

这是@mu小提琴的修改版本，可在IE和Firefox上使用。

Vanila 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
    }
});