事件
1.event
bubbles //事件是否冒泡
cancelable //是否可以取消事件的默認行為
currentTarget //當前事件處理的元素
eventPhase //事件處理處于哪個階段,1捕獲,2處于目標,3冒泡
target //事件目標
type //事件類型
preventDefault() //取消默認行為
stopPropagation() //取消捕獲冒泡
stopImmediatePropagation() //取消捕獲或冒泡,同時組織一切事件處理程序的調用
#事件處理程序中this的值永遠等于currentTarget
2.事件類型
UI事件
焦點事件
鼠標事件
滾輪事件
文本事件
鍵盤事件
合成事件
變動事件
3.UI事件
load //頁面完全加載完成時觸發
unload //文檔被卸載時觸發
resize //瀏覽器窗口大小被調整時觸發,根據瀏覽器不同觸發機制不同
scroll //滾動瀏覽器時觸發
4.焦點事件
blur //元素失去焦點時觸發
focus //元素獲得焦點時觸發
5鼠標與滾輪事件
1.mousedown
2.mouseup
3.click
4.mousedown
5.mouseup
6.click
7.dbclick
event.clientX/event.clientY //獲取事件觸發位于窗口的坐標
//頁面坐標位置
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
//相關元素(mouseover,mouseout)
relatedElement // IE: toElement
//button屬性
0 //主鼠標按鈕
1 //中間按鈕
2 //次鼠標按鈕
//滾輪事件
wheelDelta //120的倍數
6.鍵盤和文本事件
keydown
keyup
keypress //按下字符鍵時觸發
event.keycode //鍵碼
evetn.charcode //字符集碼,可用String().fromCharCode()轉換成實際字符
Dom3中引入了char ,key兩個屬性