javascript - 如何设置事件的 EventTarget

Question

如何设置EventTarget一个事件。

var myObj = {foo: 'bar'};
var event = new Event('eventName');
event.target = myObj;

会导致以下错误:

Uncaught TypeError: Cannot set property target of #<Event> which has only a getter

编辑:

我想写这样的东西，我的类将是目标:

class MyClass {

  constructor() {
    this.listeners = {};
  }

  addEventListener(type, callback) {
    if (!(type in this.listeners)) {
      this.listeners[type] = [];
    }
    this.listeners[type].push(callback);
  }

  removeEventListener() {
    if (!(type in this.listeners)) {
      return;
    }
    var stack = this.listeners[type];
    for (var i = 0, l = stack.length; i < l; i++) {
      if (stack[i] === callback) {
        stack.splice(i, 1);
        return this.removeEventListener(type, callback);
      }
    }
  }

  dispatchEvent(event) {
    if (!(event.type in this.listeners)) {
      return;
    }
    var stack = this.listeners[event.type];
    event.target = this;
    for (var i = 0, l = stack.length; i < l; i++) {
      stack[i].call(this, event);
    }
  }

}

let myInstance = new MyClass();
let event = new Event('eventName');
myInstance.dispatchEvent();

更多信息:https://developer.mozilla.org/en/docs/Web/API/EventTarget

Answer 1

好吧 - 我刚刚灵机一动，所以这是给你的另一个答案，它非常顽皮，但可能会奏效。 (为我工作；)

除了执行 event.target = myObj，您可以尝试:

Object.defineProperty(event, 'target', {writable: false, value: myObj});

我在这里可能是错的，但我认为发生的情况是新的 target 属性隐藏了原来的属性。它的工作方式与浏览器内部事件调度不同，浏览器事件处理代码几乎肯定会忽略它，但它可能足以欺骗依赖于 Event.target 的 javascript 代码.

此外，请注意在不同的浏览器中对其进行测试，因为某些浏览器可能会将 Event.target 定义为不可配置的属性。