javascript-事件基础和事件绑定

javascript-事件基础和事件绑定

一、事件驱动

1.1事件

javascript侦测到的用户的操作(点击、双击、鼠标移动、鼠标悬浮、键盘按下、键盘抬起等)
或是页面的一些自动的行为(页面加载完成、页面离开、表单提交)[怎么发生的]

1.2事件源

引发事件的元素。[发生在谁的身上]

1.3事件处理程序

对事件处理的程序或是函数。[发生了什么事情]

二、事件的分类

2.1鼠标事件

onclick
ondbclick
onmousedown
onmouseup
onmousemove
onmouseover
onmouseout

2.2键盘事件

onkeyup
onkeydown
onkeypress(键盘按下或者按住的时候)

2.3表单事件

onsubmit
onblur
onfocus
onchange

2.4页面事件

onload
onunload(页面卸载)
onbeforeunload(页面卸载之前)

改变

先弹出a,再弹出c,最后弹出b

三、如何绑定事件

3.1在脚本中绑定

改变

3.2直接在HTML元素绑定

改变

改变

改变

3.3(IE)

改变

四、同一个事件绑定多个事件处理程序

改变

输出 被点击2

改变

输出 被点击1被点击2

改变

(IE10以下)

对象.attachEvent("事件(on)","处理程序") 添加
对象.detachEvent("事件(on)","处理程序") 删除

改变

改变

(火狐+IE9以上)

对象.addEventListener("事件","处理程序",布尔值) 添加
对象.removeEventListener("事件","处理程序",布尔值) 删除

改变

改变