DOM事件

作者: codeSirCao | 来源:发表于2017-06-30 00:33 被阅读5次

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

相关文章

  • 前端面试题(3)——DOM事件类

    基本概念:DOM事件的级别 DOM事件模型:事件冒泡事件捕获 DOM事件流 描述DOM事件捕获的具体流程 Even...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

  • DOM0和DOM2级事件简单理解

    关于DOM0 和DOM1级事件可以简单理解为:事件分为DOM 0级事件和Dom 2级事件,DOM2级事件也叫做事件...

  • Dom事件

    基本概念 Dom事件级别 Dom事件模型 Dom事件流 描述Dom事件捕获的具体流程 Event对象的常见应用 自...

  • 3-6 DOM事件

    问题 DOM 事件的级别 DOM 事件模型(就是捕获和冒泡儿) DOM 事件流 描述DOM事件捕获的具体流程 Ev...

  • HTML DOM 事件

    HTML DOM 事件 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

  • 网易微专业-DOM编程艺术 05 事件

    1、DOM事件⑴主要内容▪事件流▪事件注册▪事件对象▪事件分类▪事件代理 ⑵什么是DOM事件▪点击一个DOM元素▪...

  • DOM事件类

    基本概念:DOM事件的级别 DOM事件模型 DOM事件流 描述DOM事件捕获的具体流 Event对象的常见应用 自...

  • DOM事件

    DOM事件的级别 DOM事件模型 DOM事件流 描述DOM时间捕获的具体流程 Event对象的常见应用 自定义事件...

网友评论

      本文标题:DOM事件

      本文链接:https://www.haomeiwen.com/subject/ajzvcxtx.html