鼠标事件:

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() 不再派发事件

 

posted on 2021-07-06 18:04  薇依  阅读(43)  评论(0编辑  收藏  举报