DOM事件

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的倍数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 文中涉及大量内容来自于PPK的博客 现代前端开发应该要遵守: html展示文档内容,css渲染页面效果,javas...
    江枫阅读 4,079评论 0 8
  • 问答 一、dom对象的innerText和innerHTML有什么区别? innerTextinnerText是一...
    婷楼沐熙阅读 3,097评论 0 0
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 4,533评论 0 9
  • 导读:本文是teren对DOM事件知识点所做的进一步整理,整理资料主要参考DOM事件简介和饥人谷课件,如果对DOM...
    犯迷糊的小羊阅读 9,458评论 1 5
  • 有个朋友很喜欢张嘉佳的《从你的全世界路过》,比起电影,我更钟爱文字,三言两语,简单却深刻。 这些文字,送给单身的你...
    清水不清阅读 5,836评论 0 0