一、dom事件相關(guān)

1. function addEvent(element,event,fn){
? ? if(element.addEventListener){
? ? ?element.addEventListener(event,fn);//w3c模式下支持非ie瀏覽器

? ? }else if(element.attachEvent){
? ? element.attachEvent('on'+event,fn);//ie瀏覽器
? ? }
}

2. function removeEvent(element,event,fn){
? ? if(element.removeEventListener){|//w3c模式下支持非ie瀏覽器移除事件綁定
? ? ? ? ? element.removeEventListener(event,fn);
? ? } else if(element.detachEvent){
? ? ? ? element.detachEvent('on'+event,fn);
? ? }
}

3.function EventHandler(e) {
? ? e = e || window.event;//ie不支持event對象，是通過window.event熟悉來實(shí)現(xiàn)的
? ? //防止默認(rèn)行為
? ? if(e.preventDefault) {
? ? ? e.preventDefault();//W3C實(shí)現(xiàn)
? ? }else{
? ? e.returnValue =false;//IE實(shí)現(xiàn)
? ? }

//停止向上冒泡
if(e.stopPropagation) {
? ?//W3C實(shí)現(xiàn)
? ?e.stopPropagation();
? ? }else{
? ?//IE實(shí)現(xiàn)
? ? e.cancelBubble =true;
? ?}
}

4.element.onclick =function() {//事件委托
e = e || window.event;
//獲取目標(biāo)對象
var targetNode = e.target || e.srcElement;//ie

//測試如果點(diǎn)擊的是TR就觸發(fā)

if(targetNode.nodeName.toLowerCase() === 'tr') {alert('You clicked a table row!');

? }
}

5.阻止瀏覽器默認(rèn)行為
e.preventDefault();//w3c
event.returnValue = false;//ie
用return false 來阻止并不能覆蓋全部的事件? ~~

6.關(guān)于event.srcElement 和 event.target 的問題
event.srcElement和event.target的意思都是一樣的，都是獲取事件的源對象，因?yàn)闉g覽器的兼容問題 event.srcElement 在ie瀏覽器下存在這個(gè)屬性 在fixFox下只存在event.target 而在chrome下 兩個(gè)屬性都存在；
所以為了兼容各瀏覽器 就采取如下方式去兼容
eventObj = event.target ? event.target : event.srcElement;