执行代码时发送事件

Question

嗨真的卡在这个..我需要发送一个事件时，两个加载模块和隐藏模块代码被执行，然后才发送事件。如何实现这个想法？

//加载模块

(
    function() { 
     var s=document.createElement('script'); 
     s.type='text/javascript'; 
     s.async=true; 
     s.src='https://domain.com/bundles.js'; 
     var x = document.getElementsByTagName('script')[0]; 
     x.parentNode.insertBefore(s, x); 
    } 
)(); 

//隐藏模块

var inverval = setInterval(hideClass, 100); 

function hideClass() { 
    if ($(".class").hide().length > 0) clearInterval(inverval); 
} 

//当两个happend =发送一个事件到谷歌分析

DigitalData.push({'event':Module, 'eventLabel':'Page'}); 

Answer 1

如果这是您唯一的选择，那么您可能会错误地进行一些操作。无论如何，让我们看看......只有当两个事件都发生时。

var HandleTwoEvents = function (key1, key2) { 
    this.count = 0; 
    this.pack = []; 
    $self = this; 
    this.startListening = function(fn) { 
     fn = fn || function() {} 
     window.addEventListener(key1, function (ev) { 
     if ($self.pack.indexOf(key1) < 0) { 
      $self.pack.push(key1); 
      $self.count++; 
      if ($self.count == 2) { 
       fn(); 
       $self.count = 0; 
      } 
     } 
     console.log(key1, ev); 
     }); 
     window.addEventListener(key2, function (ev) { 
     if ($self.pack.indexOf(key2) < 0) { 
      $self.pack.push(key2); 
      $self.count++; 
      if ($self.count == 2) { 
       fn(); 
       $self.count = 0; 
      } 
     } 
     console.log(key2, ev); 
     }); 
    } 
} 

原谅我，我总是用这个函数来创建事件

function createEvent(name, obj) { 
    var evt = document.createEvent("Event"); 
    evt.initEvent(name, true, true); 
    evt.data = obj; 
    dispatchEvent(evt); 
} 

现在，同时记录事件......

var both = new HandleTwoEvents("EventKeyOne", "EventKeyTwo"); 
both.startListening(function() {console.log("This means that both Events have taken place")}); 

现在，让我们来测试...

createEvent("EventKeyOne", {}); 
//key, data are the arguments ... function defined in startListening above does not execute, and upon inspection, both.count is seen to be 1 
createEvent("EventKeyTwo", {}); 
//Now, function executes. 
//It also works if "EventKeyTwo" is raised before "EventKeyOne" 

快乐编码！ PS：我敢肯定，有更好的方法来处理$ self变量的使用，并带有一些函数绑定。我从来没有学过它。