dom事件的設定
1.2.
3.itnode.onclick = function()
4.itnode.onclick = 有名函式名稱;
function 函式名稱()
注：this代表本身節點
設定事件
itnode.addeventlistener(事件型別，事件處理[，事件流]);
取消事件
itnode.removeeventlistener(事件型別，事件處理[，事件流]);
注：事件流可以寫也可以不寫，事件流的值是true或false，true捕捉型、[false冒泡型]
dom2級事件設定的特點：
1.可以為同乙個物件設定多個同型別事件。
例：dd.addeventlistener（「movseover」，f1）
dd.addeventlistener（「movseover」，f2）
dd.addeventlistener（「movseover」，f3）
2. 事件取消也非常靈活。
3.對事件流也有很好的處理。
事件物件
獲取事件
node.onclick = function(evt)
獲取座標
event.clientx/clienty; //相對dom區域座標
event.pagex/pagey; //相對dom區域座標，給考慮滾動條位置
event.screenx/screeny; //相對螢幕座標
阻止事件
event.stoppropagation(); //主流瀏覽器
獲取鍵盤事件
event.keycode 獲得鍵盤對應的鍵值碼資訊
附：程式設計常犯錯誤
1.dom呼叫方法的時候方法名後注意加（）
2.獲取元素時，要注意獲取的是表單元素還是非表單元素
3.當獲取select中的option注意用陣列的方式獲取
4.+為字串轉數字，用時注意與運算子用空格分離
JS DOM事件溫習
先來複習一下dom知識 事件冒泡 即事件最開始由最具體的元素接收，然後逐級向上傳播，至最不具體的那個節點 文件 事件捕獲 不太具體的節點應該更早接收到事件，而最具體的節點最後接收到事件。事件處理程式 html事件處理程式 缺點js和html緊耦合，不易於維護，降低效能 dom0級別事件處理程式 對這...
JS Dom 鍵盤滑鼠事件
常用滑鼠事件 onclick,ommouseover,onfocus,onmouseout,onblur,onmousemove,onmouseup,onmousedown 滑鼠事件物件 event mouseevent和keyboardevent e.clientx,e.clienty 滑鼠相對於...
React合成事件和jsDOM事件的區別
js事件 小寫命名 啟用按鈕 阻止預設事件點我 react合成事件 事件駝峰命名 啟用按鈕 阻止預設事件 e.preventdefault function actionlink return 點我 react事件 是乙個合成事件。使用 react 的時候通常你不需要使用 addeventliste...