JavaScript 事件

一、鼠标事件

click
dbclick
mousedown
mousemove
mouseout

二、键盘事件

keydown  某个键盘按键被按下   不区分大小写
keypress 某个按键被按下并松开  区分大小写
keyup    某个按键被松开

三、html 事件

load  文档加载完成后触发
unload  文档卸载后；
select  文本被选中时2
change 内容被改变的
focus 元素获得焦点
submit 表单提交时
reset 重置时
resize窗口大小变化时
scroll 滚动条滚动时

四、dom事件模型 

dem0模型 

demo0事件模型添加事件监听

  行内绑定

  动态绑定

同一个元素，同类事件只能添加一个；如果添加多个，后面的会覆盖前面的。

demo2模型

dom2：可以给同一个元素添加多个同类事件

例：btn3.addEventListener("click",function(){
alert("hello1")}
btn3.addEventListener("click",function(){
alert("hello2")

三个参数：事件名称，处理函数，冒泡方式
事件冒泡：子元素的事件发生后，会触发父元素同类事件；
事件捕获：事件触发的方向是从父元素往子元素