js事件（二）

事件类型

• 焦点事件，鼠标事件，滚轮事件，文本事件，键盘事件等等。

load事件

当页面完全加载后在window是上触发，当框架都加载完毕后再框架集上触发,或者当图像加载完毕再img元素上触发，（当嵌入的内容加载完毕时在元素上面触发）
img 的load事件 先创建一个image元素，再设置onload事件处理程序，再将图像添加到页面中，还设置src 属性，

EventUil.addHandler(window,'load',function(){ //window页面加载完后触发load事件
         var script =document.createElement('script') // 创建一个script 元素
         EventUil.addHandler(script,'load',function(){  // 指定一个load事件，在script 元素 加载完js文件完毕之后再执行事件中的代码
             alert('22222') // 也就是说 这句代码是在创建的script元素加载完js文件完毕之后才会执行(最后执行)
         })
         script.src="example.js" // 指定src地址
         document.body.appendChild(script)// 将script元素添加到文档中  
         // 只有在src 地址设置完和将script元素添加到文档后才会开始下载javascript文件
     })

unload事件

在文档完全卸载后触发。只要用户从一个页面切换到另一个页面，就会发生unload 事件，一般利用unload事件清除引用，避免内存泄漏。

resize事件

当浏览器窗口被调整到新高度或者新宽度时会触发，浏览器窗口最大化或者最小化也会触发

scroll事件

会在文档被滚动期间重复被触发

焦点事件 鼠标与滚轮事件

foucs();blur() ;click dbclick mousedown mouseenter mouseleave mouseleave mouseout mouseover mouseup ;

• 除了 mouseenter 和mouseleave 所有鼠标事件都会冒泡，也可以被取消
• 只有在同一个元素上相继触发mousedown 和mouseup 事件才会触发click事件，如果其中一个事件被取消就不会触发click事件
• mousewheel 鼠标滚轮事件