1. 程式人生 > >WEB API----事件(event)

WEB API----事件(event)

onf 多個 宋體 sed attach tco document hang 直接

  當用戶與Web頁面進行某些交互時,解釋器就會創建相應的event對象以描述事件信息。常見的事件有:用戶點擊頁面上某項內容;鼠標經過特定的元素...

Event對象

  Event對象代表事件的狀態,比如事件在其中發生的元素,鍵盤按鍵的狀態,鼠標的位置,鼠標按鈕的狀態。事件通常與函數結合使用,函數不會在事件發生前被執行!

事件句柄

  事件句柄(又稱事件處理函數,事件監聽函數),指用於響應某個事件而調用的函數。

  鼠標事件:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout...

  鍵盤事件:onkeydown,onkeyup,onkeypress...

  狀態事件: onload,onunload,onchange,onfocus,onblur,onresize,onsubmit,onreset,onerror...

事件處理

  事件定義

  1.直接在HTML中定義事件相關屬性

<button onclick="alert(123)">按鈕</button>
<body onload="init()">...</body>

  2.在JS中在添加 

oBtn.onclick=function(){...};
document.body.onload=init;
function init(){...}

  3.一個事件可以綁定多個監聽函數

box.addEventListener(‘click‘, eventCode, false);//DOM
box.attachEvent(‘onclick‘, eventCode);//IE

  事件移除

  

WEB API----事件(event)