事件
1.event
bubbles //事件是否冒泡
cancelable //是否可以取消事件的默認(rèn)行為
currentTarget //當(dāng)前事件處理的元素
eventPhase //事件處理處于哪個(gè)階段,1捕獲苗缩,2處于目標(biāo)瓶摆,3冒泡
target //事件目標(biāo)
type //事件類型
preventDefault() //取消默認(rèn)行為
stopPropagation() //取消捕獲冒泡
stopImmediatePropagation() //取消捕獲或冒泡,同時(shí)組織一切事件處理程序的調(diào)用
#事件處理程序中this的值永遠(yuǎn)等于currentTarget
2.事件類型
UI事件
焦點(diǎn)事件
鼠標(biāo)事件
滾輪事件
文本事件
鍵盤事件
合成事件
變動事件
3.UI事件
load //頁面完全加載完成時(shí)觸發(fā)
unload //文檔被卸載時(shí)觸發(fā)
resize //瀏覽器窗口大小被調(diào)整時(shí)觸發(fā)欺冀,根據(jù)瀏覽器不同觸發(fā)機(jī)制不同
scroll //滾動瀏覽器時(shí)觸發(fā)
4.焦點(diǎn)事件
blur //元素失去焦點(diǎn)時(shí)觸發(fā)
focus //元素獲得焦點(diǎn)時(shí)觸發(fā)
5鼠標(biāo)與滾輪事件
1.mousedown
2.mouseup
3.click
4.mousedown
5.mouseup
6.click
7.dbclick
event.clientX/event.clientY //獲取事件觸發(fā)位于窗口的坐標(biāo)
//頁面坐標(biāo)位置
x = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft)
y = event.clienty + (document.body.scrollTop || document.documentElement.scrollTop)
//屏幕位置
event.screenX/event.screenY
//修改鍵
shiftKey,ctrlKey,altKey,metaKey //bool,如果按下了就為TRUE
//相關(guān)元素(mouseover,mouseout)
relatedElement // IE: toElement
//button屬性
0 //主鼠標(biāo)按鈕
1 //中間按鈕
2 //次鼠標(biāo)按鈕
//滾輪事件
wheelDelta //120的倍數(shù)
6.鍵盤和文本事件
keydown
keyup
keypress //按下字符鍵時(shí)觸發(fā)
event.keycode //鍵碼
evetn.charcode //字符集碼碉碉,可用String().fromCharCode()轉(zhuǎn)換成實(shí)際字符
Dom3中引入了char ,key兩個(gè)屬性