JavaScript基礎8事件函式 事件流

1.新增事件的方式

①獲取節點後新增onclick屬性

var i = document.getelementbyid("box")

i.onclick = function()
i.onclick = function() 重複的會覆蓋

var i = document.getelementbyid("box")

i.addeventlistener("click",function()，false)
i.addeventlistener("click",function()，false) 重複的不干擾，不會覆蓋
刪除則不用匿名函式
var i = document.getelementbyid("box")
function func()
i.addeventlistener("click",func,false)
i.removeeventlistener("click",func,false)

①聚焦事件 （一般用於文字框）

//頁面座標 pagex pagey

//電腦螢幕座標 screenx screeny

//按鍵 evt.button

3.事件流

頁面接收事件的順序 三個階段 事件捕獲階段 --處於目標階段–事件冒泡階段

事件捕獲：從外到內

事件冒泡：從內到外

.

跳轉

Javascript學習筆記8 事件

事件流 從頁面中接受事件的順序 事件冒泡 ie 事件開始時由最具體的元素 文件中巢狀層次最深的那個節點 接受，然後逐級向上傳播到較不具體的文件節點 文件 事件捕獲 恰恰與事件冒泡相反，不太具體的節點應該更早接受到事件，而最具體的節點應該最後接受到事件 較少人使用 dom2事件規定事件流包括三個階段 ...

javascript事件基礎 自定義事件（封裝）

設計彈框和遮罩層 設計彈出對話方塊 對話寬標題 對話方塊內容 定義時間雛形 那麼怎麼關閉遮罩層？重寫對話方塊型別物件 function dialog id 重寫開啟對話方塊的方法 function opendialog 在opendialog方法中，建立dialog物件後為控制代碼賦值，傳遞乙個隱藏...

javascript基礎四 （事件應用滑鼠滾輪）

var odiv document.getelementbyid div ie chrome onmousewheel event.wheeldelta 上 120 下 120 firefox dommousescroll 必須用addeventlistener event.detail 阻止當前事...