blocks|key|2904748|text|在现代浏览器(不是IE或Safari)中，使用event.isTrusted时，只有当事件由用户操作触发时，wich才是正确的|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2904749|var+obj=document.getElementById('button');

obj.addEventListener('click',+function(event){

+++if+(+event.isTrusted+)+{

++++++++event.stopPropagation();
++++++++console.log('Performing+operation+here');
++++++++otherOperation('ajax',+function(){
++++++++++++obj.click();
++++++++});
+++}+else+{
+++++++//+click+triggered+by+javascript
+++}

},+true);|code-block|syntax|javascript|2904750|如果您必须支持Safari和IE9及以上版本，则可以使用自定义参数分派事件。|2904751|var+obj+=+document.getElementById('button');

obj.addEventListener('click',+function(event)+{

++++if+('trusted'+in+event+&&+event.trusted+===+false)+{
++++++++//+click+triggered+by+javascript++++
++++}+else+{

++++++++event.stopPropagation();
++++++++console.log('Performing+operation+here');

++++++++otherOperation('ajax',+function()+{
++++++++++++var+ev+=+new+MouseEvent('click',+{+//+create+event
++++++++++++++++'view':+window,
++++++++++++++++'bubbles':+true,
++++++++++++++++'cancelable':+true
++++++++++++});

++++++++++++ev.trusted+=+false;+//+add+custom+data
++++++++++++self.dispatchEvent(ev);+//+trigger+event
++++++++});

++++}
},+true);|2904752|jQuery事件添加了一些类似的功能，您只需检查originalEvent是否触发了事件。|2904753|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted^0|N|F|N|F|0|0|0|0|0|O|D|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|15|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

It's trivial in modern browser (not IE or Safari), using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted" rel="nofollow"><code>event.isTrusted</code></a>, wich is only true if the event was fired by a user action

<pre><code>var obj=document.getElementById('button');

obj.addEventListener('click', function(event){

 if ( event.isTrusted ) {

 event.stopPropagation();
 console.log('Performing operation here');
 otherOperation('ajax', function(){
 obj.click();
 });
 } else {
 // click triggered by javascript
 }

}, true);
</code></pre>

If you have to support Safari and IE9 and above, you can dispatch the event with a custom argument

<pre><code>var obj = document.getElementById('button');

obj.addEventListener('click', function(event) {

 if ('trusted' in event &amp;&amp; event.trusted === false) {
 // click triggered by javascript 
 } else {

 event.stopPropagation();
 console.log('Performing operation here');

 otherOperation('ajax', function() {
 var ev = new MouseEvent('click', { // create event
 'view': window,
 'bubbles': true,
 'cancelable': true
 });

 ev.trusted = false; // add custom data
 self.dispatchEvent(ev); // trigger event
 });

 }
}, true);
</code></pre>

jQuery events adds somewhat similar functionality, where one could just check for the <code>originalEvent</code> to know if the event was triggered or not.

blocks|key|2904771|text|在大多数浏览器上运行的一个黑客解决方案是复制按钮本身，隐藏或删除原始按钮，向新浏览器添加单击处理程序，并在必要时对旧浏览器调用button.click()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2904772|entityMap^0|1R|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

A hacky solution that would workn on most of the browsers would be to copy the button itself, hide or remove the original one, add a click handler to the new one, and call <code>button.click()</code> on the old one when neccessary.

blocks|key|2814933|text|如果我正确地理解了这个问题，那就有两个操作。1.“其他操作”以异步调用2的形式触发。正常的手术。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2814934|正常操作可以作为按钮侦听器内部的回调触发，也可以通过任何其他方式单独调用。下面的解决方案如何？|2814935|var+obj=document.getElementById('button');
obj.addEventListener('click',+function(event){
++++event.stopPropagation();
++++console.log('Performing+operation+here');
++++otherOperation('ajax',+function(){
++++++++normalOperation();
++++});
},+true);

function+normalOperation()+{
++//normal+operation+to+be+happened+for+click
}|code-block|syntax|javascript|2814936|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If I have understood the question correctly, that there are two operations. 1. 'Other Operation' triggered as Async call 2. 'Normal' operation.

Normal operation can be triggered either as the call back inside the buttons listener or it can be called separately by any other means. How about the below solution to this?

<pre><code>var obj=document.getElementById('button');
obj.addEventListener('click', function(event){
 event.stopPropagation();
 console.log('Performing operation here');
 otherOperation('ajax', function(){
 normalOperation();
 });
}, true);

function normalOperation() {
 //normal operation to be happened for click
}
</code></pre>

I wrote a Javascript event listener to trap clicks on the capture phase, perform an action, then repeat the click to trigger whatever code should normally happen.

<pre><code>var obj=document.getElementById('button');
obj.addEventListener('click', function(event){
 event.stopPropagation();
 console.log('Performing operation here');
 otherOperation('ajax', function(){
 obj.click();
 });
}, true);
</code></pre>

Obviously this creates an infinite loop of operations. I thought this is the best approach because the operation requires a time delay and I can't continue event propagation until I get another callback.

Is there a way to detect the click was performed by my own callback function and therefore ignore it?

I had a theory to remove the event listener after operation is complete, but it would need to be added again in some circumstances which makes a lot of code.

How to stop an event callback firing itself?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我编写了一个Javascript事件监听器来捕获捕获阶段的点击，执行一个操作，然后重复单击触发任何通常应该发生的代码。var obj=document.getElementById('button');obj.addEventListener('click', function(event){    event.sto...

问如何阻止事件回调自身触发？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何阻止事件回调自身触发？EN