var e=ev||event;

e.cancelBubble=true; document.documentElement ? html document.body? ??? ??? ??? ??? ??? ??? body 【所以寫的時候一定要加document.documentElement.scrollTop】 e.clientX;//鼠標在可視取中的x坐標。 e.clientY//鼠標在可是去中的y坐標。 ? //不兼容【不用】 e.pageX;//鼠標在頁面中的x坐標。 e.pageY;//鼠標在頁面中的y坐標。 e.keyCode e.ctrlKey e.altKey e.shiftKey e.preventDefault 阻止默認事件，addEventListener綁定時。 ? e.detail? ? //火狐下滾輪滾動結果 e.wheeldelta//其他瀏覽器下滾輪滾動 ? e.target e.srcElement
e.toElement e.fromElement function $(fn){if(document.addEventListener){document.addEventListener('DOMContentLoaded',function(){fn();},false)}else{document.attachEvent('onreadystatechange',function(){if(document.readyState=='complete'){fn();}});} } 事件委托

1、給未來元素加事件。

oUl.οnclick=function(ev){var oEvent = ev||event;var oSrc = oEvent.srcElement||oEvent.target;if(oSrc.tagName!='A')return;oUl.removeChild(oSrc.parentNode);}; 2、提高性能。 oEvent.srcElement:? ? 在哪個元素上觸發的。//兼容性：兼容ie和chrome oEvent.target:? ? 兼容火狐的事件委托。//兼容高版本瀏覽器。 oEvent.target.tagName//獲取點擊的標簽名 //放大鏡bug修復； oEvent.toElement//判斷移除到誰上。輸出到哪的元素。//不兼容 oEvent.relatedTarget//兼容火狐 oEvent.fromElement//判斷移除到誰上。輸出到哪的元素。//不兼容 oEvent.relatedTarget//兼容火狐 obj.contains('b');//a是否包含b//完全兼容； ? ? div移除的時候是body ? 3、onmouseover和onmouseout的bug導致放大鏡在ie寫有閃爍。 ? ??? //onmouseenter ?onmouseleave ? 解決了over和out的bug. 據說不穩定。 ? ??? ? 解決方式。 ? ??? ??oEvent.toElement//判斷移除到誰上。輸出到哪的元素。//不兼容 oEvent.relatedTarget//兼容火狐 4、頁面加載之后執行。【DOMready】 ? ??window.onload
? ??? ??? ??? ??? ? 執行的很慢。
? ??? ??? ??? ??? ??? ? html css js img flash.....之后【所有的資源加載完成后】。 ? ??? ? 更靈活
? ?document.onreadystatechange//當加載狀態改變。【低版本瀏覽器】，用時間綁定的方式加 ? ??? ? document.readyState:
? ??? ? 狀態1：interactive;//狀態正在開始。 ? ??? ? 狀態2：complete//事件準備完成。 ? ??? ?? ? ?DOMContentLoaded【高版本瀏覽器】

　　

　　

轉載于:https://www.cnblogs.com/wujiaolong/p/7442816.html

總結

以上是生活随笔為你收集整理的2-4 js基础-事件对象小结的全部內容，希望文章能夠幫你解決所遇到的問題。

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