js中怎麽為同級元素添加點擊事件
阿新 • • 發佈:2018-01-10
合成 分享圖片 type post 類型 節點 添加 屬性。 next
事件件是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中怎麽為同級元素添加點擊事件