HTML DOM 事件
HTML DOM 事件
HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。
事件通常与函数结合使用,函数不会在事件发生前被执行!
(如用户点击按钮)。
提示: 在 W3C 2 级 DOM 事件中规范了事件模型。
HTML DOM 事件
DOM: 指明使用的 DOM 属性级别。
鼠标事件
键盘事件
框架/对象(Frame/Object)事件
表单事件
剪贴板事件
打印事件
拖动事件
多媒体(Media)事件
动画事件
过渡事件
其他事件
事件 |
描述 |
DOM |
onmessage |
该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发
|
|
onmousewheel |
已废弃。 使用
onwheel 事件替代 |
|
ononline |
该事件在浏览器开始在线工作时触发。 |
|
onoffline |
该事件在浏览器开始离线工作时触发。 |
|
onpopstate |
该事件在窗口的浏览历史(history 对象)发生改变时触发。 |
|
onshow |
该事件当 <menu> 元素在上下文菜单显示时触发 |
|
onstorage |
该事件在 Web Storage(HTML 5 Web 存储)更新时触发 |
|
ontoggle |
该事件在用户打开或关闭 <details> 元素时触发 |
|
onwheel |
该事件在鼠标滚轮在元素上下滚动时触发 |
|
事件对象
常量
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(1) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (3) |
3 |
属性
方法
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
目标事件对象
方法
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
事件监听对象
方法
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
文档事件对象
方法
方法 |
描述 |
DOM |
createEvent() |
|
2 |
鼠标/键盘事件对象
属性
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
方法
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |
|