js中的事件
鼠标事件
| onclick |
点击触发 |
| ondblclick |
双击 |
| onmouseenter |
移到 |
| onmouseleave |
移出 |
| onmouseover |
移到(包括子元素) |
| onmouseout |
移开(包括子元素) |
| onmousemove |
移动 |
| oncontextmenu |
右键 |
| onmousedown |
按下 |
| onmouseup |
松开 |
键盘事件
| onkeydown |
按下 |
| onkeypress |
按下并松开 |
| onkeyup |
松开 |
表单事件
| onblur |
失去焦点 |
| onfocus |
获得焦点 |
| onchange |
内容改变时 |
| oninput |
输入 |
| onreset |
重置 |
| onsubmit |
提交 |
拖动事件
| ondrag |
拖动 |
| ondragend |
完成拖动 |
| ondragenter |
拖动元素进入目标时 |
| ondragleave |
拖动元素离开目标时 |
| ondragover |
拖动元素放置目标上时 |
| ondrop |
拖动元素放置目标区域时 |
| ondragstart |
开始拖动元素时 |
剪贴板事件
| oncopy |
拷贝 |
| oncut |
剪切 |
| onpaste |
粘贴 |
打印事件
| onafterprint |
已经开始打印，或者打印窗口已经关闭时 |
| onbeforeprint |
即将开始打印时 |
框架/对象事件
| onload |
页面加载完成 |
| onscroll |
滚动时 |
| onresize |
窗口重新调整大小 |
| onpagehide |
跳转页面时 |
| onerror |
加载文档或图片发生错误时 |
| onunload |
退出页面 |
多媒体事件
| onpause |
暂停 |
| onplay |
开始播放 |
动画事件
| animationend |
CSS 动画结束播放时 |
| animationiteration |
CSS 动画重复播放时 |
| animationstart |
CSS 动画开始播放时 |
jquery中的事件
去除"on"后面加上"()"小括号，就是将js的属性封装成方法。有个事件不一样。
载入事件
| ready() |
区别于 onload .该方法无需加载图片或视频。 |
绑定事件与移除事件
on()方法可以为指定元素添加多个事件。
元素.on("事件类型1 事件类型2",function(){})
元素.on({事件类型1:function(){},事件类型2:(){}})
off()方法可以从指定元素上移除多个事件。
元素.off(事件类型)
复合事件
hover()方法用于模拟鼠标指针进入和离开事件，相当于mouseenter和mouseleave事件的组合。
本章总结
苟有恒，何必三更眠五更起；最无益，莫过一日曝十日寒。 ——胡居仁