blocks|key|1758621|text|您可以查看事件对象e。如果事件是由真正的单击触发的，那么在e中会有类似clientX、clientY、pageX、pageY等的内容，它们将是数字；这些数字与触发单击时的鼠标位置有关，但即使单击是通过键盘启动的，它们也可能会出现。如果事件是由$x.click()触发的，那么在e中就不会有通常的位置值。你也可以看看originalEvent+property，如果事件来自$x.click()，它就不应该出现在那里。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1758622|可能是这样的：|1758623|$("#foo").click(function(e){
++++if(e.hasOwnProperty('originalEvent'))
++++++++//+Probably+a+real+click.
++++else
++++++++//+Probably+a+fake+click.
});|code-block|syntax|javascript|1758624|这是一个可以使用的小沙箱：http://jsfiddle.net/UtzND/|1758625|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/events/event-object/|1|http://jsfiddle.net/UtzND/^0|9|1|T|1|Z|7|17|7|1F|5|1L|5|3D|A|3U|1|4D|D|56|A|4D|M|0|0|0|0|D|Q|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@$9|1J|A|1K|1|1L]]|E|$]]|$1|F|3|G|5|6|7|1M|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1N|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1O|8|@]|D|@$9|1P|A|1Q|1|1R]]|E|$]]|$1|O|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

<p>You could have a look at the event object <code>e</code>. If the event was triggered by a real click, you'll have things like <code>clientX</code>, <code>clientY</code>, <code>pageX</code>, <code>pageY</code>, etc. inside <code>e</code> and they will be numbers; these numbers are related to the mouse position when the click is triggered but they will probably be present even if the click was initiated through the keyboard. If the event was triggered by <code>$x.click()</code> then you won't have the usual position values in <code>e</code>. You could also look at the <a href="http://api.jquery.com/category/events/event-object/" rel="noreferrer"><code>originalEvent</code> property</a>, that shouldn't be there if the event came from <code>$x.click()</code>.</p>

<p>Maybe something like this:</p>

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

<p>And here's a little sandbox to play with: <a href="http://jsfiddle.net/UtzND/" rel="noreferrer">http://jsfiddle.net/UtzND/</a></p>


blocks|key|1758522|text|您可以使用jQuery+trigger+manual中所述的额外参数|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1758523|$("#foo").click(function(e,+from){
++++if+(from+==+null)
++++++++from+=+'User';
++++//+rest+of+your+code
});

$('#foo').trigger('click',+['Trigger']);|code-block|syntax|javascript|1758524|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/trigger/^0|5|L|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You can use an extra parameter as stated in the <a href="http://api.jquery.com/trigger/" rel="noreferrer">jQuery trigger manual</a>:</p>

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

$('#foo').trigger('click', ['Trigger']);
</code></pre>


blocks|key|1972260|text|还有另一个问题已经得到了回答。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1972261|How+to+detect+if+a+click()+is+a+mouse+click+or+triggered+by+some+code?|offset|length|1972262|使用事件对象的which属性。对于代码触发的事件，它应为undefined|style|CODE|1972263|$("#someElem").click(function(e)+{
++++if+(e.which)+{
++++++++//+Actually+clicked
++++}+else+{
++++++++//+Triggered+by+code
++++}
});|code-block|syntax|javascript|1972264|JsFiddle示例-+http://jsfiddle.net/interdream/frw8j/|1972265|希望它能帮上忙！|1972266|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/7635274/how-to-detect-if-a-click-is-a-mouse-click-or-triggered-by-some-code?answertab=votes#tab-top|1|http://jsfiddle.net/interdream/frw8j/^0|0|0|1Y|0|0|7|5|S|9|0|0|C|11|1|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|F|3|G|5|6|7|17|8|@$D|18|E|19|H|I]|$D|1A|E|1B|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1C|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|Q|3|R|5|6|7|1H|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|V|W|X|A|$Y|11]]]]

<p>There is another question answered already.</p>

<p><a href="https://stackoverflow.com/questions/7635274/how-to-detect-if-a-click-is-a-mouse-click-or-triggered-by-some-code?answertab=votes#tab-top">How to detect if a click() is a mouse click or triggered by some code?</a></p>

<p>Use the <code>which</code> property of the event object. It should be <code>undefined</code> for code-triggered events</p>

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

<p>JsFiddle example - <a href="http://jsfiddle.net/interdream/frw8j/" rel="nofollow noreferrer">http://jsfiddle.net/interdream/frw8j/</a></p>

<p>Hope it helps!</p>


blocks|key|1972418|text|我已经尝试了上面所有的方法，solutions.Nothing在我的情况下是有效的。下面的解决方案对我很有效。希望它也能对你有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1972419|​|1972420|$(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");
		}
++++
++++});|code-block|syntax|javascript|1972421|<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>|1972422|1972423|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>I have tried all above solutions.Nothing has been worked in my case. Below solution  worked for me. Hope it will help you as well.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(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");
		}
    
    });</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"&gt;
&lt;/script&gt;

&lt;input type="checkbox" id="chk1" name="chk1" &gt;Chk1&lt;/input&gt;
&lt;input type="checkbox" id="chk2" name="chk2" &gt;Chk2&lt;/input&gt;
&lt;input type="checkbox" id="chk3" name="chk3" &gt;Chk3&lt;/input&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1972216|text|DOM级别3指定event.isTrusted。目前只有IE9%2B和火狐支持这一点(基于我的测试。我也读到过(尽管没有深入研究)，它可以在一些浏览器中被覆盖，并且可能还没有100%25准备好真正地被信任(不幸的是)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1972217|This是@mu的fiddle的一个修改版本，可以在IE和火狐上工作。|offset|length|1972218|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/UtzND/28^0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

<p>DOM Level 3 specifies event.isTrusted.  This is only currently supported in IE9+ and Firefox (based on my tests.  I've also read (although not thoroughly researched) that it can be overridden in some browsers and is probably not yet 100% ready to actually be trusted (unfortunately). </p>

<p><a href="http://jsfiddle.net/UtzND/28" rel="nofollow noreferrer">This</a> is a modified version of @mu's fiddle that works on IE and Firefox.</p>


blocks|key|1758778|text|Vanila+js解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1758779|document.querySelector('button').addEventListener('click',+function+(e){
++++if(e.isTrusted){
++++++++//+real+click.
++++}else{
++++++++//+programmatic+click
++++}
});|code-block|syntax|javascript|1758780|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Vanila js solution:</p>

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


blocks|key|1758768|text|我不打算参加智力讨论，我过滤.click()和.trigger('click')的代码是-|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1758769|$(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
++++}
});|code-block|syntax|javascript|1758770|entityMap^0|E|8|N|H|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>Not going to participate in the intellectual discussion, the code which worked for me to filter <code>.click()</code> and <code>.trigger('click')</code> is-</p>

<pre><code>$(document).on('click touchstart', '#my_target', function(e) {
    if (e.pageX &amp;&amp; e.pageY) { // To check if it is not triggered by .click() or .trigger('click')
        //Then code goes here
    }
});
</code></pre>


<p>Say I have a click handler defined:</p>

<pre><code>$("#foo").click(function(e){

});
</code></pre>

<p>How can I, within the function handler, tell whether the event was fired programmatically, or by the user?</p>


In jQuery, how can I tell between a programmatic and user click?

假设我定义了一个click处理程序：$("#foo").click(function(e){});如何在函数处理程序中判断事件是以编程方式激发的，还是由用户激发的？

问在jQuery中，我如何区分程序性单击和用户单击？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中，我如何区分程序性单击和用户单击？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中，我如何区分程序性单击和用户单击？
EN