javascript概述-資料下載頁
2025-07-17 15:25本頁面
【正文】 點(diǎn)； timeStamp：事件何時(shí)發(fā)生； clientX、 clientY：事件發(fā)生時(shí)鼠標(biāo)距客戶區(qū)坐標(biāo)； keyCode：按鍵事件發(fā)生時(shí)對(duì)應(yīng)的鍵盤碼值； detail：事件的額外信息，對(duì)于 click事件， 1代表單擊， 2代 表雙擊， 3代表點(diǎn)擊三次； IE事件模型 IE支持事件冒泡傳播但是不支持捕捉形式的事 件傳播； IE的 event對(duì)象不傳遞給事件處理函數(shù)，而是 作為 window對(duì)象的屬性使用； IE的 event對(duì)象的屬性與標(biāo)準(zhǔn)模型有區(qū)別。 IE事件模型 IE中的事件注冊(cè)： (eventType,handleFn)。 如果需要停止事件起泡，在處理函數(shù)中需要設(shè)置 event的 cancelBubble為 true。 IE中的事件注銷： (eventType,handleFn)。 IE事件模型 在 IE事件模型中，處理函數(shù)中的 this指向的是 window對(duì)象，與標(biāo)準(zhǔn)模型中 this是指向注冊(cè)這 個(gè)事件的對(duì)象不同，所以，此處是 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} 拖拽框的原理 相對(duì) X 相對(duì)Y 綁定一個(gè) mousedown事件，確定 DIV處于被選中狀態(tài) 綁定一個(gè) mousemove事件，在 DIV被選中狀態(tài)，使 DIV跟隨鼠標(biāo)移動(dòng)， 即創(chuàng)建一個(gè)拖動(dòng)處理函數(shù)來動(dòng)態(tài)設(shè)置 DIV的 left與 top屬性。 綁定一個(gè) mouseup事件，當(dāng)鼠標(biāo)彈起時(shí)注銷 mousemove處理函數(shù) 聲明兩個(gè)全局變量 DX、 DY保存相對(duì)坐標(biāo) X、 Y
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1