事件件是javascript腳本語言的重要組成部分，因為有事件才使用戶頁面的體驗更加的美好。元素添加事件是js語言中最基礎的。我們可以為元素本身添加事件，也可以通過事件綁定和事件監聽為元素的父元素和子元素添加事件。今天我要給大家分享的是如何讓通過元素本身為同級元素添加事件。

html代碼：

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

js代碼：

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")
      })

點擊box1彈出“我是box2”

希望大牛們看到後多多留言指教，如果有不正確的地方歡迎指出。

js中怎麽為同級元素添加點擊事件