鼠标事件:
onclick:单击
oncontextmenu: 在用户点击鼠标右键时打开上下文菜单时触发
ondbclick:双击
onmousedown:鼠标按下
onmouseenter:鼠标移动到元素上
onmouseleave:鼠标移出元素
onmosusemove:鼠标被移动
onmouseover:鼠标移到元素上悬停
onmouseout:鼠标离开元素
onmouseup:鼠标按键松开
键盘事件:
onkeydown:某个键盘被按下
onkeypress:某个键盘按下并松开
onkeyup:某个键盘被松开
框架、对象事件:
onabort:图片加载被中断
onbeforeunload:该事件在即将离开页面(刷新或关闭)时触发
onerror:在加载文档或图像音视频期间发生错误 时触发
onhashchange:监听url的hash值变化
onpagehide:该事件在用户访问页面时触发
onresize:窗口或框架被重新调整大小
onscroll:文档滚动时发生的事件
onunload: 用户退出页面
表单事件:
onblur:失去焦点
onchange:表单内容改变时触发
onfocus:聚焦时触发
onfocusin:元素即将失去焦点时触发
oninput:元素获取用户输入时触发
onreset:表单重置时触发
onsearch:用户向搜索域输入文本时触发(input=‘search)
onselect:用户选取文本时触发
onsubmit: 表单提交时触发
剪贴板事件
oncopy:拷贝元素时触发
oncut:剪切元素时触发
onpaste:粘贴元素内容时触发
拖动事件
ondrag:元素正在拖动时触发
ondragend:用户完成元素的拖动时触发
ondragenter:在拖动元素进入放置目标时触发
ondragleave:在拖动元素离开放置目标时触发
ondragover:在拖动元素在放置目标上时触发
ondragstart: 用户开始拖动元素时触发
ondrop:在拖动元素在目标区域时触发
其他事件:
onmessage:通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发
onshow:当 <menu>
元素在上下文菜单显示时触发
onstorage:在 Web Storage(HTML 5 Web 存储)更新时触发
ontoggle:在用户打开或关闭 <details>
元素时触发
onwheel:在鼠标滚轮在元素上下滚动时触发
方法:
preventDefault() 通知浏览器不要执行与事件关联的默认动作。
stopPropagation() 不再派发事件