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事件的组合。
本章总结
苟有恒,何必三更眠五更起;最无益,莫过一日曝十日寒。 ——胡居仁