执行模块时发送事件

Send event when module was executed

本文关键字：事件 模块 执行      更新时间：2023-09-26

我真的很纠结。。当Load模块和Hide模块

//加载模块

(
    function() {
        var s=document.createElement('script');
        s.type='text/javascript';
        s.async=true;
        s.src='https://example.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);
}

//当两者都发生时=向Google Analytics发送事件

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

如果这是你唯一的选择，那么也许你做错了什么。不管怎样，让我们看看。。。只有当两个事件都发生时。

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"

快乐编码！

附言：我相信有一种更好的方法来处理$self变量的使用，我想还有一些函数绑定。我从来没学过。

相关文章：