JavaScript 常用事件大全
前言1.鼠标事件01.鼠标点击左键触发---- onclick02.鼠标点击右键触发---- oncontextmenu03.鼠标双击触发---- ondblclick04.鼠标经过触发---- onmouseover05.鼠标离开触发---- onmouseout06.获得鼠标焦点触发---- onfocus07.失去鼠标焦点触发---- onblur鼠标移动触发---- onmousemove
2. 键盘事件01.某个键盘按键被松开时触发---- onkeyup02.某个键盘按键被按下时触发---- onkeydown03.某个键盘按键被按下时触发 不识别功能键 比如 ctrl 等---- onkeypress
3. 表单事件01 绑定提交事件---- onsubmit02 聚焦---- onfocus03 失焦---- onblur04 内容改变---- onchange05 输入事件---- oninput
前言
事件是发生在你正在编程的系统中的事情——当事件发生时，系统产生（或“触发”）某种信号，并提供一种机制，当事件发生时，可以自动采取某种行动（即运行一些代码）。事件是在浏览器窗口内触发的，并倾向于附加到驻留在其中的特定项目。这可能是一个单一的元素，一组元素，当前标签中加载的 HTML 文档，或整个浏览器窗口。有许多不同类型的事件可以发生。
1.鼠标事件
鼠标事件触发条件onclick鼠标点击左键触发oncontextmenu鼠标点击右键触发ondblclick鼠标双击触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmousemove鼠标移动触发onmouseup鼠标弹起触发onmousedown鼠标按下触发
01.鼠标点击左键触发---- onclick
显示结果
02.鼠标点击右键触发---- oncontextmenu
03.鼠标双击触发---- ondblclick
04.鼠标经过触发---- onmouseover
05.鼠标离开触发---- onmouseout
06.获得鼠标焦点触发---- onfocus
07.失去鼠标焦点触发---- onblur
鼠标移动触发---- onmousemove
2. 键盘事件
键盘事件触发条件onkeyup某个键盘按键被松开时触发onkeydown某个键盘按键被按下时触发onkeypress某个键盘按键被按下时触发 不识别功能键 比如 ctrl 等
01.某个键盘按键被松开时触发---- onkeyup
02.某个键盘按键被按下时触发---- onkeydown
03.某个键盘按键被按下时触发 不识别功能键 比如 ctrl 等---- onkeypress
3. 表单事件
表单事件触发条件onsubmit绑定提交事件onfocus聚焦onblur失焦onchange内容改变(在文本框输入数据) + 失焦 才会触发oninput输入事件
01 绑定提交事件---- onsubmit
02 聚焦---- onfocus
03 失焦---- onblur
04 内容改变---- onchange
05 输入事件---- oninput