Question

我创建了一个自定义事件ex。 var event = new Event('hello');，将侦听器添加到节点

div1.addEventListener('hello', /*cb1*/);
div2.addEventListener('hello', /*cb2*/);
div3.addEventListener('hello', /*cb3*/);

以及如何dispatch我的活动？我想致电event.dispatch()和cb1，cb2和cb3应该致电

Answer 1

只需使用Event创建new Event('hello');，然后逐个为每个div发送。{/ p>

div1.addEventListener('hello', function(){
  console.log( "Event called for " + this.id );
});
div2.addEventListener('hello', function(){
  console.log( "Event called for " + this.id );
});
div3.addEventListener('hello', function(){
  console.log( "Event called for " + this.id );
});

var event = new Event('hello');
div1.dispatchEvent( event );
div2.dispatchEvent( event );
div3.dispatchEvent( event );

<div>
  <div id="div1"></div>
  <div id="div2"></div>
  <div id="div3"></div>
</div>

HTMLElement自定义事件

1 个答案: