JavaScript·事件詳解

document的本質是最頂層的虛擬父節點，指整個頁面。

document.getELementById

 

或的新用法：當有一真一假時，會返回真值

 

對象.事件

1.事件對象與事件冒泡

IE:EVENT

FF：事件處理函數是能夠有參數的，系統傳的

 

 

事件冒泡：子集發生事件，不斷往父級傳遞

出現前提：父集子集具備一樣的事件

取消事件冒泡

 

2.鼠標事件

clientX:可視區X座標

clientY：可視區Y座標

onmousemove：當鼠標移動

onclick=onmousedown + onmouseup

 

scrollTop:可視區到頁面頂部的距離(IE,FF可兼容:document.documentElement.scrollTop，chrome：document.body.scrollTop)

scrollLeft:可視區到頁面左邊的距離

 

 

 

onpress=onkeydown+onkeyup

3.鍵盤事件

onkeydown:當鍵盤落下

onkeyup:當鍵盤彈起

對象.keyCode：獲取用戶按下哪一個按鍵

 

enter鍵爲13

效果：

 

ctrlKey 和 shiftKey 是boolean類型，altKey最好少用甚至不用

 

 

4.默認行爲：不須要編寫，已具有的功能(IE兼容return false，FF不兼容return false)

阻止默認行爲：

oncontextmenu:當點擊鼠標右鍵

如下爲屏蔽右鍵菜單

 

能夠用於表單檢驗

 

只容許輸入數字：

 

5.拖拽

簡單拖拽：