标签：触发 常用 鼠标 示例 汇总 JS 键盘 window 事件
1、BOM常用事件
1）window.onload=函数名：当浏览器中的所有结构都被加载完了，才会执行
2）window.onscroll=函数名：当页面滚动条发生滚动的时候会触发事件
3）window.onresize函数名：在页面尺寸发生改变时，触发的事件
2、input输入框事件
1）onblur：输入框失去焦点会触发这个事件
- 示例：
<input type="text" id="ipt" onblur="handlerBlur()">
2）onfocus：输入框获取焦点时会触发这个事件
3）oninput：用户输入中触发事件
4）onchange：当元素的值发生改变并失去焦点时，就会触发onchange事件
- 示例：
<input id="checkbox" type="checkbox" onchange="handlerChange()">
3、DOM事件
1）dom.on事件名 = 事件处理函数：DOM0事件语法
2）dom.addEventListener("事件类型",事件处理函数,[是否关注事件捕获阶段])：DOM2事件语法
3）submit：阻止表单(所有按钮都不生效,对多个按钮操作，阻止需要配合preventDefault())
4）contextmenu：阻止默认右键菜单弹出，阻止需要配合preventDefault()
4、鼠标事件
1）mousedown：鼠标按下事件
2）mouseup：鼠标抬起事件
3）mousemove：鼠标移动事件
4）click：点击/单击元素
- 示例：
<button onclick="handlerClick()">鼠标点击</button>
5）dblclick：双击元素
- 示例：
<button ondblclick="handlerDblClick()">鼠标双击</button>
6）mouseover：鼠标光标移入元素区域
- 示例：
<button onm ouseover="handlerMouseover()">鼠标移入</button>
7）mouseout：鼠标光标移出元素区域
- 示例：
<button onm ouseout="handlerMouseout()">鼠标移出</button>
8）mouseenter：鼠标移入事件
9）mouseleave：鼠标移出事件
10）contextmenu：右键单击事件
5、键盘事件
1）keydown—键盘按下的事件
2）keyup—键盘抬起的事件
3）keypress—键盘按下再抬起事件
4）dispatch—模拟并触发事件
标签：触发,
常用,
鼠标,
示例,
汇总,
JS,
键盘,
window,
事件
From： https://blog.csdn.net/2301_78675670/article/details/140908348