addEventListener的常用事件

萧寂173

已于 2022-11-11 20:50:03 修改

阅读量5.8k

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端 javascript html

于 2022-09-19 19:18:36 首次发布

本文链接：https://blog.csdn.net/weixin_68658847/article/details/126939879

鼠标事件

click 当用户点击某个对象时调用的事件句柄。
contextmenu 在用户点击鼠标右键打开上下文菜单时触发
dblclick 当用户双击某个对象时调用的事件句柄。
mousedown 鼠标按钮被按下。
mouseenter 当鼠标指针移动到元素上时触发。
mouseleave 当鼠标指针移出元素时触发
mousemove 鼠标被移动。
mouseover 鼠标移到某元素之上。
mouseout 鼠标从某元素移开。
mouseup 鼠标按键被松开。

键盘事件

属性描述 DOM
keydown 某个键盘按键被按下。
keypress 某个键盘按键被按下（与上一个区别就是不识别功能键，比如ctrl 箭头 tab等等）。
keyup 某个键盘按键被松开。
执行顺序：keydown ----keypress ----keyup
键盘事件里的keyCode属性可以得到相应键的ASCII码值

框架/对象（Frame/Object）事件

abort 图像的加载被中断。 ( )
beforeunload 该事件在即将离开页面（刷新或关闭）时触发
error 在加载文档或图像时发生错误。 ( , 和 )
hashchange 该事件在当前 URL 的锚部分发生修改时触发。
load 一张页面或一幅图像完成加载。
pageshow 该事件在用户访问页面时触发
pagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
resize 窗口或框架被重新调整大小。
scroll 当文档被滚动时发生的事件。
unload 用户退出页面。