事件:
事件三要素:
-
事件对象 :事件的绑定对象
-
事件名称 :事件的种类 on-事件名
-
事件处理函数 :事件触发之后要做什么
事件的写法:
-
HTML事件
将事件以属性的形式写入到页面标签中
优点:简单易懂
缺点:js代码与HTML耦合度太高,不利于多人协作 -
脚本模型(现代事件绑定)
在js中完成事件的绑定
obj.on-事件名=fn; -
W3C事件
-
添加事件:addEventListener(事件名,fn,flag)
flag: true 捕获 false 冒泡 -
移除事件:
removeEventListener(事件名,fn,false)
事件
鼠标事件:
click dblclick
mouseover mouseout
mouseenter mouseleave
mousedown mouseup mousemove
其它事件:
load change resize
焦点:
focus blur
键盘事件:
keydown keyup keypress