JavaScript事件

标签：加载过程   document   res   ie8   属性   获取   事件处理   class   事件绑定   

JavaScript事件类型：

UI事件：当用户与页面上的元素交互时触发；

　　load： 当页面加载后在window上触发， 图像加载完成后再<img />上触发

　　unload：

　　abort：当用户停止加载过程时，如果嵌入内容没有加载完，则在<object>上触发

　　error：发生JavaScript错误时在window上触发，当无法加载图像时在<img />上触发， 无法加载嵌入内容时则在<object>上触发

　　select：当用户选择文本框（input / textarea）中的字符时触发

　　resize：当窗口或框架的大小变化时在window或框架上面触发

　　scroll：当用户滚动带滚动条的元素中的内容时，在该元素上触发

焦点事件：页面元素获得或失去焦点是触发；

　　blur：不冒泡

　　focus：不冒泡

　　focusin：高版本才支持（IE5.5+、Safari5.1+、Opera11.5+、chrome）

鼠标事件：

　　click：

　　dblclick：（移动端不支持）

　　mousedown：

　　mouseenter：不冒泡，光标移到后代元素上不会触发

　　mouseleave：不冒泡，光标移到后代元素上不会触发

　　mousemove：

　　mouseout：

　　mouseover：

　　mouseup：

EventUtil.addHandler(document.body, ‘click‘, function() {
　　var event = EventUtil.getEvent();

　　//获取相对于客户区左顶角的鼠标指针的坐标：(event.clientX/Y)
　　console.log(‘Client coordinates: ‘ + event.clientX + ‘,‘ +event.clientY );

　　//获取相对于页面左顶角鼠标指针坐标：（event.pageX/Y; IE8及更早版本不支持）
　　//在页面没有滚动的情况下pageX/y === clientX/y
　　var pageX = event.pageX;
　　var pageY = event.pageY;
　　if(!pageX){
　　　　pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
　　　　pageY = event.clientY + (document.body.scrollTop || document.documentElementScrollTop); 
　　}
　　console.log(‘page coordinates: ‘ + pageX + ‘,‘ + pageY );

})

 鼠标滚轮事件：mousewheel

键盘与文本事件：

　　keydown：

　　keyup：

　　keydown和keyup事件的event.keyCode，数字和字母(不区分大小写)键盘直接对应ASCII表，0: 48  A：65，数字小键盘第一个0:96

　　keypress：当用户按下能够插入或删除字符的键时触发

　　String.fromCharCode() 字符编码转为字符：

JavaScript事件函数：

JavaScript事件

标签：加载过程   document   res   ie8   属性   获取   事件处理   class   事件绑定   

原文地址：https://www.cnblogs.com/lianchenxi/p/9853695.html