javascript Event对象

参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Event

Event接口表示在DOM中发生的事件(鼠标,键盘,动画,图片加载,视频暂停等等)

HTML中调用:<button onclick="alert('Hello world!')">,尽量避免这种调用
DOM中调用:myButton.onclick = function(event){alert('Hello world');};,推荐这种调用

function foo(evt) {
  // the evt parameter is automatically assigned the event object
  alert(evt);
}
table_el.onclick = foo;

属性

属性	描述
Event.bubbles	布尔值,事件是否在DOM中冒泡
Event.cancelBubble	阻止事件冒泡
Event.cancelable	是否可以取消
Event.composed
Event.currentTarget	当前事件引用的对象
Event.target
Event.type	事件类型

描述

方法	描述
event.initEvent
event.preventDefault
event.stopImmediatePropagation
event.stopPropagation

事件分类

事件	描述
KeyboardEvent	键盘事件
MouseEvent	鼠标事件
ClipboardEvent	剪切,复制,粘贴事件
DragEvent	指针设备点击后将指针拖动到新位置
FocusEvent	焦点事件
PointerEvent	触点的位置,引发事件的设备类型,接触表面受到的压力
TouchEvent	触摸平面事件
WheelEvent	用户滚动鼠标滚轮

Event Handlers

属性	描述
onload	页面或图像加载完成
onabort	图像的加载中断
onerror	在加载文档或图像时发生错误
onblur	元素失去焦点
onfocus	元素获得焦点
onkeydown	键盘键按下
onkeyup	键盘键松开
onkeypress	键盘键按下&松开
onclick	单击某个对象
ondblclick	双击某个对象
onmousedown	鼠标按下
onmouseup	鼠标松开
onmouseout	鼠标从对象上移开
onmouseover	鼠标移动到对象上
onmousemove	鼠标移动
onreset	重置按钮被点开
onresize	窗口或框架被调整大小
onselect	文本被选中。
onchange	域的内容被改变
onsubmit	确认按钮被点击。
onunload	用户退出页面。

鼠标键盘属性

属性	描述
altKey	"ALT"是否被按下
ctrlKey	“CTRL” 键是否被按下
shiftKey	“SHIFT” 键是否被按下。
metaKey	“meta” 键是否被按下
button	那个鼠标键被点击
clientX	鼠标水平位置
clientY	鼠标垂直位置
screenX	鼠标指针的水平坐标。
screenY	鼠标指针的垂直坐标。
relatedTarget	返回与事件的目标节点相关的节点。

鼠标键盘其他属性

属性	描述
keyCode	对于 keypress 事件，该属性对应的Unicode 字符码。对于 keydown 和 keyup 事件，指定虚拟键盘码。
offsetX,offsetY	对应对象的水平和垂直位置
cancelBubble	?
fromElement	?
toElement	?
returnValue	?
srcElement	?
x,y	?