處理事件繫結中的相容性函式

2021-09-13 18:58:03 字數 1014 閱讀 5668

function addevent(elem,type,handle)else if(elem.catchevent))

}else的方法解決

}}

移除事件

elem.removeeventlistener(type,handle,false)//相同的元素、相同的事件型別,相同的函式名,要想移除事件函式不能使用匿名函式,

事件處理模型(冒泡、捕獲)

事件冒泡,從巢狀最深的那一層直到最高的一層父元素,子元素一層層的冒泡的父元素上(結構上巢狀不是視覺上巢狀)

事件捕獲(ie沒有捕獲事件)

捕獲和冒泡不能同時存在乙個元素,事件繫結是吧最後乙個引數變為true

事件捕獲結構上(非視覺上)巢狀關係的元素,會存在時間捕獲的功能事件,自父元素捕獲至子元素(事件源元素,自定向下)

如果同一元素具有同一事件的兩種事件機制(冒泡、捕獲)先執行那個??????

先捕獲在冒泡,,,,事件執行是誰先繫結誰先執行

不是所有事件都能冒泡;

阻止事件冒泡

event.stoppropagation();ie中不相容

ie中的阻止事件冒泡的方法,even.cancelbubble=true//谷歌也實現了

封裝函式取消冒泡(兼顧相容性)

function stopbubble(event)

else

阻止預設事件

在預設事件中 return false//只適合控制代碼的事件

事件物件相容性

div.οnclick=function(e){

var event=e||widow.event;

生成dom樹的過程是dom節點的解析完畢不是載入完之後

domtree==生成完後    csstree對應domtree形成*****結合兩個形成rendertree

重拍最浪費時間*****》dom樹的刪除新增、、、、dom節點的寬高變化、、、offsetwidth  offsetleft

repaint  重繪,,,

各種相容性的處理

1 滾動條 document.documentelement.scrolltop document.body.scrolltop 2 獲採樣式相容 function getstyle dom,stylename 3 網頁可視區域相容 window.innerheight document.docum...

優化js中的相容性處理

function bindevent obj,type,callback bindevent obj,type,callback else if window.addeventlistener bindevent obj,type,callback 1 惰性載入 2 首次執行時修正函式。首先,如果b...

Excel SUMIF函式的相容性

說相容性,當然得說sumif了。來,我們先舉個例子。現有乙個 算起來只有 科目劃分 發生額 兩列內容,但是折成了很多列。我們需要統計 郵寄費 的總發生額。這可怎麼辦呀,總不能手動整成兩列吧?這時候,sumif的相容性就顯現出來了。還是像往常一樣。我們使用sumif,將 科目劃分 為 郵寄費 的 發生...