事件件是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”

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

?

轉載于:https://www.cnblogs.com/sdcs/p/8253766.html

總結

以上是生活随笔為你收集整理的js中怎么为同级元素添加点击事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。