mouse
| button |
左鍵 |
滾輪 |
右鍵 |
| W3C |
0 |
1 |
2 |
| IE |
1 |
4 |
2 |
| 參考標(biāo)準(zhǔn) |
可視頁(yè)面 |
| clientX |
客戶(hù)端[參照點(diǎn)page]可視區(qū)域的X坐標(biāo) |
| clientY |
客戶(hù)端可視區(qū)域的Y坐標(biāo) |
| pc(全兼容) |
|
iphone |
| screenX |
相對(duì)于顯示器屏幕的X坐標(biāo) |
pageX |
| screenY |
相對(duì)于顯示器屏幕的Y坐標(biāo) |
pageY |
| IE |
|
jQuery |
| x |
相對(duì)于父元素的X坐標(biāo) |
jQuery.position().left |
| y |
相對(duì)于父元素的Y坐標(biāo) |
jQuery.position().top |
| IE |
W3C |
jQuery |
描述(參照點(diǎn)：綁定事件的對(duì)象原點(diǎn)) |
| offsetX |
layerX |
jQuery:offset().left |
綁定事件對(duì)象的X坐標(biāo) |
| offsetY |
layerY |
jQuery:offset().top |
綁定事件對(duì)象的Y坐標(biāo) |
注：offset更好用一些熟丸，高級(jí)瀏覽器也支持
layer只有對(duì)象有定位信息時(shí)才好用训措，比如:position:absolute
| W3C |
描述 |
| pageX |
鼠標(biāo)相對(duì)于頁(yè)面的X坐標(biāo) |
| pageY |
鼠標(biāo)相對(duì)于頁(yè)面的Y坐標(biāo) |
注:相對(duì)于是整個(gè)的頁(yè)面, IE下邊需要自己計(jì)算
obj.offsetParent.offsetLeft
obj.offsetParent.offsetTop
|
屬性 |
描述 |
| IE |
srcElement |
引起事件的元素 |
| W3C |
target |
|
|
屬性 |
事件 |
描述 |
| IE |
fromElement |
mouseover |
鼠標(biāo)所離開(kāi)的元素 |
| IE |
toElement |
mouseout |
鼠標(biāo)所進(jìn)入的元素 |
| W3C |
relatedTarget |
mouseover/mouseout |
|
|
屬性 |
事件 |
取值 |
描述 |
| IE |
repeat |
keydown |
布爾值 |
不斷觸發(fā)keydown事件 |
|
屬性-方法 |
描述 |
| IE |
returnValue |
設(shè)為false表示取消事件的默認(rèn)動(dòng)作 |
| W3C |
preventDefault |
|
type:事件名稱(chēng),不帶on前綴
|
屬性 |
描述 |
取消方法 |
| W3C |
cancelable |
true表示默認(rèn)動(dòng)作可取消 |
preventDefault |
key
| 屬性 |
取值1 |
取值2 |
| altKey |
true |
false |
| ctrlKey |
true |
false |
| shiftKey |
true |
false |
| keyCode |
描述 |
|
| kepress事件 |
按鈕的unicode編碼，不是字符鍵光羞，屬性值為0 |
|
| keydown事件 |
按鍵的數(shù) |
|
| keyup事件 |
---- |
|
| W3C |
描述 |
| charCode |
按鈕的unicode編碼绩鸣，不是字符鍵，屬性值為0,區(qū)分大小寫(xiě) |
可能不兼容用keyCode內(nèi)容代替
String.fromCharCode();將其轉(zhuǎn)換成實(shí)際的字符串
其他屬性
冒泡
- cancelBubble(IE):設(shè)置為true取消冒泡事件
- stopPropagation(W3C):取消事件冒泡
- bubbles(W3C):返回true表示事件是冒泡類(lèi)型
eventPhase(W3C):
- Event.CAPTURING_PHASE(捕獲階段) 值為1
- Event.AT_TARGET(在目標(biāo)對(duì)象上) 值為2
- Event.BUBBLING_PHASE(冒泡階段) 值為3
- timeStamp(W3C):返回一個(gè)時(shí)間戳
綁定事件
//W3C
addEventListener(evtType, fn, isCapture);
removeEventListener(evtType, fn, isCapture);
//IE
attachEvent("on" + evtType, fn);
detachEvent("on" + evtType, fn);
注：
- IE中fn的this默認(rèn)指向的是window[this對(duì)象冒充]
- IE中同一個(gè)函數(shù)注冊(cè)到同一個(gè)對(duì)象上可以多次[自己編寫(xiě)處理]
- IE中存在內(nèi)存泄露問(wèn)題
瀏覽器原生的事件對(duì)象
evt.originalEvent
this指針的傳遞
fn.call(this, evt, nodes);
句柄
| 事件名稱(chēng) |
描述 |
| onblur |
元素失去焦點(diǎn) |
| onchange |
域的內(nèi)容被改變 |
| onclick |
當(dāng)用戶(hù)點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄 |
| ondblclick |
當(dāng)用戶(hù)雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄 |
| onerror |
在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤 |
| onfocus |
元素獲得焦點(diǎn) |
| onkeydown |
某個(gè)鍵盤(pán)按鍵被按下 |
| onkeypress |
某個(gè)鍵盤(pán)按鍵被按下并松開(kāi) |
| onkeyup |
某個(gè)鍵盤(pán)按鍵被松開(kāi) |
| onload |
一張頁(yè)面或一幅圖像完成加載 |
| onmousedown |
鼠標(biāo)按鈕被按下 |
| onmousemove |
鼠標(biāo)被移動(dòng) |
| onmouseout |
鼠標(biāo)從某元素移開(kāi) |
| onmouseover |
鼠標(biāo)移到某元素之上 |
| onmouseup |
鼠標(biāo)按鍵被松開(kāi) |
| onreset |
重置按鈕被點(diǎn)擊 |
| onresize |
窗口或框架被重新調(diào)整大小 |
| onselect |
文本被選中 |
| onsubmit |
確認(rèn)按鈕被點(diǎn)擊 |
| onunload |
用戶(hù)退出頁(yè)面 |
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
