javascript事件及其分类

addEventListener()  第三个参数 true表示在捕获阶段触发, false表示在冒泡阶段处理
IE方法attachEvent() 和 detachEvent() 而且需要加上on前缀
在IE中,如果是通过DOM0添加的事件处理程序,那么event对象需要用window.event
   如果是用attachEvent添加的,则仍然是event
在IE中获取事件目标元素是event.srcElement,取消冒泡是cancelBuble(), 
阻止默认行为是 returnValue()

事件分类: 
UI事件: {
load: 也面完全加载后触发
unload: 页面完全卸载后触发
abort: 用户停止下载过程时,如果嵌入内容没有下载完,则在<object>元素上触发
error: 在js发生错误时在window上触发
select:当用户选择文本框(input或textarea)中的一个或多个字符时触发
resize:当窗口或框架大小发生变化时在window上或框架上触发
sscroll:滚动带滚动条的内容时,在该元素上触发
}
焦点事件:{
blur:元素失去焦点时触发
// DOMFocusIn:元素获得焦点时触发,与focus等价,但冒泡, 废弃属性
// DOMFocusOut:  元素失去焦点时触发      现已废弃
focus:元素获得焦点时触发;不会冒泡
focusin:元素获取焦点时触发,与focus等价,但会冒泡
focusout:元素失去焦点时触发,是blur事件的通用版本
}
鼠标事件: {
click
dbclick
mousedown
mouseup
mouseenter
mouseleave
mousemove
mouseout
mouseover
}
客户区坐标位置:{
clientX;   clientY;  表示事件发生时在视口的位置
}
页面坐标: {
pageX;pageY;是页面中的位置,页面没有滚动时与clientX,clientY相等
}
屏幕坐标位置:{
screenX, screenY: 相对于屏幕的坐标
}
IE中的特殊情况: offsetX和offsetY光标相对于目标元素的边界的坐标
滚轮事件: {
mousewheel,不论上下滚动
}


猜你喜欢

转载自blog.csdn.net/wang913003120/article/details/82959503
今日推荐