Js-三大事件(鼠标事件、键盘事件、html事件)

747 阅读1分钟

1、鼠标事件

click:单击
dblclick:双击
mousedown:鼠标按下
mouseup:鼠标抬起
mouseover:鼠标悬浮
mouseout:鼠标离开
mousemove:鼠标移动
mouseenter:鼠标进入
mouseleave:鼠标离开

2、键盘事件

keydown:按键按下
keyup:按键抬起
keypress:按键按下抬起

3、HTML事件

load:文档加载完成
select:被选中的时候
change:内容被改变
focus:得到光标
resize:窗口尺寸变化
scroll:滚动条移动

举个栗子,就以html的最后两个来说,是针对整个window对象的

/*窗口尺寸变化*/

window.onresize = function () {

   console.log("窗口变化!")

};

/*滚动条移动*/

window.onscroll = function () {

   console.log("滚动");

}