DOM事件

2017-06-30  本文已影响5人  codeSirCao

UI事件
load 页面加载后触发 或者说是ing 嵌入的内容
unload 当页面完全卸载在window上触发 同上除了img
abort 当用户停止下载过程时 嵌入的内容没有加载完 触发
error 报错时候触发img无法加载图像触发
select 选中字符触发input texterea中一般都是
resize 窗口或者框架 大小改变 window和框架上触发
scroll 滚动时触发

焦点事件
配合document。hasFocus()和document.activeElement属性配合知晓用户在页面上的行踪
blur 失去焦点
focus 获得焦点
foucsin 等于focus 但是支持冒泡
focusout 支持冒泡
鼠标滚轮
click 单击
dblclick 双击
mousedown 按下
mouseup 抬起
mouseenter 进入不冒泡
mouseleave 离开不冒泡
mousemove 元素上移动
mouseout 离开冒泡
mouseover 移入
mouseWheel 鼠标滚轮事件

客户区坐标位置
event.clientX/Y
页面坐标位置
event,pageX/Y
获取滚动距离
document.body(混淆模式)/document.documentElement(标准模式)的scrollLeft/scrollTop
屏幕坐标位置
screenX/Y
修改键
event下的
shiftKey-----shift键
ctrl/alt/meta/Key -------ctrl alt meta 键

相关元素
event下的
relateTarget/IE下formElement /toElement 保存着事件的一些信息

鼠标按钮
mousedown/up 事件event中或存在button属性
1是代表主鼠标 2 中间的滚轮 3一般都是鼠标右键 3左右键同时
IE8以下不同
detail鼠标的信息
其中的offsetX/Y 还有一些按键的信息
event.whellDelta 滚轮的信息 120倍数 前后滚 正负之分
火狐中滚轮事件支持DOMMouseScroll 同样有delta属性不过是3的倍数

上一篇下一篇

猜你喜欢

热点阅读