js中怎么为同级元素添加点击事件

 <div id="box1">我是box1</div>
 <div id="box2">我是box2</div>

let oB1 = document.getElementById("box1");
      let oB2 = document.querySelector("#box2");

      oB1.addEventListener("click",function(e){
        let event = document.createEvent("HTMLEvents");//createEvent() 方法创建新的 Event 对象。
        event.initEvent("click",false,false);//initEvent() 方法初始化新事件对象的属性。
        //event.initEvent(eventType,canBubble,cancelable);eventType字符串值-->事件的类型;
　　　　　　canBubble事件是否起泡;cancelable是否可以用preventDefault()方法取消事件。
　　　　　　该方法将初始化 Document.createEvent() 方法 创建的合成 Event 对象的 type属性、bubbles 属性和 cancelable 属性。
 　　　　　 只有在新创建的 Event 对象被 Document 对象 或 Element 对象 的 dispatchEvent() 方法 
　　　　    分派之前，才能调用 Event.initEvent() 方法。
        event.eventType = "massage";//添加事件类型
        e.target.nextElementSibling.dispatchEvent(event);//把事件信息传给兄弟节点


      },false);

      oB2.addEventListener("click",function(){
        alert("我是box2")
      })