Codeforces#689 Div.2
阿新 • • 發佈:2020-12-13
事件
事件驅動三要素:事件源,事件型別,事件處理函式(事件控制代碼)
一、新增事件監聽器
<input type="button" onclick="fn()">
2.標準DOM0級新增方式
ele.onclick = function(){}; //只能繫結一個同類型事件,程式碼由上至下解析
3.DOM2級新增方式
ele.addEventListener('click',function(){},boolean) boolean值控制事件流處於捕獲true 或冒泡 false (預設) 可省略不寫 可以繫結多個同類型事件,同時執行
---刪除事件
1.DOM0級 ele.onclick=null; 簡單資料型別 存在棧上 值
2.DOM2級 複雜資料型別 存在堆上 址
function fn(){}; ele.addEventListener('click',fn); ele.removeEventListener('click',fn);
-----事件分類
1.window事件
2.滑鼠事件
onclick; 單擊 ondblclick; 雙擊 onmousedown; 滑鼠按下 onmouseup; 滑鼠鬆開 //不冒泡 常用 onmouseenter; 滑鼠移入 onmouseleave; 滑鼠移出 //冒泡 不常用 onmouseover; 滑鼠移入 onmouseout; 滑鼠移出
3.鍵盤事件 --->input和document才能繫結(可輸入元素)
1.onkeydown; 某個鍵盤按鍵被按下 2.onkeyup; 某個鍵盤按鍵被鬆開 3.onkeypress; 某個按鍵被按下並鬆開
獲取鍵盤按鍵值 function(event){}; event.key ------>按的那個鍵 event.keyCode --->按的鍵對應的ASCII碼
4.事件流 事件在頁面上的傳播順序
DOM0: 裡--->外
DOM2: 預設 (false) 裡---->外
當Boolean值改為(true )外--->裡
IE認為事件像