庇护祝福的分享

Be worthy

Javascript权威指南笔记三:事件处理

注册事件处理程序

为javascript对象设置事件处理

用“on+事件名”来注册事件 example:

window.onload = function(){
    .......
}

为HTML标签设置事件处理

有一系列标准方法:
onfocus , onblur , onresize , ononline onafterprint , onundo , onredo , onload , onerror , onstorage , onhashchange
onmessage , onoffline , onpagehide , onhaschange , onbeforeprint , onunload , onbeforeunload , onpopstate

example:

<button onclick = "alert("Thank you!")">click me</button>

addEventListener( )

IE8之前的版本不支持,忽略。三个参数(“click” , function(){….} , false)

表单事件

window事件

鼠标事件

click:点击事件
dbclick:双击
mousedown:按下鼠标
mouseup:释放鼠标
mousemove:移动鼠标
mouseover , mouseenter(不冒泡):鼠标进入元素
mouseout , mouseleave(不冒泡):鼠标离开元素

键盘事件

DOM事件

HTML5事件

触摸屏事件