javascript概述-資料下載頁
2025-07-17 15:25本頁面
【正文】 點； timeStamp：事件何時發(fā)生； clientX、 clientY：事件發(fā)生時鼠標距客戶區(qū)坐標； keyCode：按鍵事件發(fā)生時對應的鍵盤碼值； detail：事件的額外信息，對于 click事件， 1代表單擊， 2代 表雙擊， 3代表點擊三次； IE事件模型 IE支持事件冒泡傳播但是不支持捕捉形式的事 件傳播； IE的 event對象不傳遞給事件處理函數(shù)，而是 作為 window對象的屬性使用； IE的 event對象的屬性與標準模型有區(qū)別。 IE事件模型 IE中的事件注冊： (eventType,handleFn)。 如果需要停止事件起泡，在處理函數(shù)中需要設置 event的 cancelBubble為 true。 IE中的事件注銷： (eventType,handleFn)。 IE事件模型 在 IE事件模型中，處理函數(shù)中的 this指向的是 window對象，與標準模型中 this是指向注冊這 個事件的對象不同，所以，此處是 js中涉及到 IE 兼容性的一大問題。 兼容的事件綁定 02function bindEvent(elem,type,fn){ 03 if(){ 04 var typeRef = _ + type。 05 if(!elem[typeRef]){ 06 elem[typeRef] = []。 07 } 08 for(var i in elem[typeRef]){ 09 if(elem[typeRef][i] == fn){ 10 return。 11 } 12 } 13 elem[typeRef].push(fn)。 14 elem[“on”+type] = function(){ 15 for(var i in this[typeRef]){ 16 this[typeRef][i].apply(this,arguments)。 17 } 18 } 19 }else{ 20 (type,fn,false)。 21 } 22} 兼容的事件移除 25function removeEvent(elem,type,fn){ 26 if(){ 27 if(elem[_+type]){ 28 for(var i in elem[_+type]){ 29 if(elem[_+type][i] == fn){ 30 elem[_+type].splice(i,1)。 31 break。 32 } 33 } 34 } 35 }else{ 36 (type,fn,false)。 37 } 38} 拖拽框的原理 相對 X 相對Y 綁定一個 mousedown事件，確定 DIV處于被選中狀態(tài) 綁定一個 mousemove事件，在 DIV被選中狀態(tài)，使 DIV跟隨鼠標移動， 即創(chuàng)建一個拖動處理函數(shù)來動態(tài)設置 DIV的 left與 top屬性。 綁定一個 mouseup事件，當鼠標彈起時注銷 mousemove處理函數(shù) 聲明兩個全局變量 DX、 DY保存相對坐標 X、 Y
法律信息相關推薦
鄂ICP備17016276號-1