JavaScript HTML 事件實例

使用 JavaScript 對事件做出反應的實例。

輸入事件

onblur - 當用戶離開輸入字段時
onchange - 當用戶更改輸入字段的內容時
onchange - 當用戶選擇下拉值時
onfocus - 當輸入字段獲得焦點時
onselect - 當輸入文本被選取時
onsubmit - 當用戶點擊提交按鈕
onreset - 當用戶點擊重置按鈕
onkeydown - 當用戶按下/按住某個鍵時
onkeypress - 當用戶按下/按住某個鍵時
onkeyup - 當用戶釋放按鍵時
onkeyup - 當用戶釋放按鍵時
onkeydown vs onkeyup - 兩者

鼠標事件

onmouseover/onmouseout - 當鼠標經過一個元素時
onmousedown/onmouseup - 當按下/釋放鼠標按鈕時
onmousedown - 當按下鼠標時：提示點擊了哪個元素
onmousedown - 當點擊鼠標時：提示點擊了哪個按鈕
onmousemove/onmouseout - 當把鼠標指針移入/移出 div 時
onmouseover/onmouseout - 當把鼠標指針移入/移出圖像時
onmouseover - 將鼠標懸停在圖像映射上

點擊事件

對 onclick 事件作出反應
onclick - 單擊按鈕時
ondblclick - 雙擊文本時

加載事件

onload - 頁面加載后
onload - 圖像加載后
onerror - 當圖像加載時發生錯誤
onunload - 當瀏覽器關閉文檔時
onresize - 當瀏覽器窗口大小被調整時

其他

按鍵的鍵碼是什么？
光標的坐標是什么？
相對于屏幕的光標坐標是什么？
是否按下 shift 鍵？
發生何種事件類型？

例子解釋