Que's Blog

WebFrontEnd Development

0%

javasript事件类型整理

##鼠标键盘事件
onclick             鼠标点击时触发此事件
ondblclick          鼠标双击时触发此事件
onmousedown         按下鼠标时触发此事件
onmouseup             按下鼠标后松开鼠标触发此事件
onmousemove         当鼠标移动时触发此事件
onmouseover         当鼠标移动到某对象范围的上方时触发此事件
onmouseout             当鼠标离开某对象范围时触发此事件
onkeypress             当键盘上某个键被敲下并释放时触发此事件
onkeydown             当键盘上某个键被敲下时触发此事件
onkeyup             当键盘上某个键被释放时触发此事件

##HTML事件
onabort             图片在下载时被用户中断
onbeforeunload         当前页面的内容将要被改变时触发此事件
onerror             出现错误时触发此事件
onload                 页面内容完成时触发此事件
onresize             当浏览器的出口大小被改变时触发此事件
onscroll             当浏览器的滚动条位置发生变化时触发此事件
onstop 当            浏览器的停止按钮被按下时或这在下载的文件被中断时触发此事件
onunload             当前页面将被改动时触发此事件


##表单相关事件
onblur                 当前元素失去焦点时触发此事件
onchange             当前元素失去焦点并且被改变时触发此事件
onfocus             当某个元素获得焦点时触发此事件
onreset             当表单中reset的属性被激发时触发的事件
onsubmit             当表单被提交时触发的事件

##编辑事件
onbeforecopy         页面当前的被选择内容将要复制到浏览者系统的剪切板前触发此事件
onbeforecut         当页面中的一部分或者全部的内容将被移离当前页面并移动到浏览者的系统剪切板时触发此事件
onbeforeeditfocus    当前元素将要进入编辑状态时触发此事件
onbeforepaste        内容将要从浏览者的系统剪切板粘贴到页面中时触发此事件
onbeforeupdate         当浏览者粘贴系统剪切板中的内容时通知目标对象
oncontextmenu         当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件
oncopy                 当页面当前的被选择内容被复制时触发此事件
oncut                 当页面当前的被选择内容被剪切时触发此事件
ondrag                 当某个对象被拖动时触发此事件
ondragdrop             一个外部对象被鼠标拖入当前窗口时触发此事件
ondragend             当鼠标拖动结束时触发此事件
ondragenter         当对象被鼠标拖动的对象进入其容器范围内时触发此事件
ondragleave         当对象被鼠标拖动的对象离开其容器范围内时触发此事件
ondragover             当某被拖动的对象在另一对象容器范围内拖动时触发此事件

以上部分摘录此处,有删改.

ps:记得在<<javascript核心技术>>上面看到的是javascript可以分为三类,所以这篇文章权作暂时性摘录.待编辑.

经过资料查阅,分类如下:
##UI事件
load 页面完全加载后出发
unload 页面完全卸载后触发
abort 当用户停止下载过程如果嵌入内容未加载完成时触发
error 发生js错误是在window是上出发
select input和texterea中一个多个字符被选择时触发
resize 窗口大小变化时候触发
scroll 页面滚动时触发

##焦点事件
blur 元素失去焦点时候触发
focus 元素捕获焦点时候触发 该事件不冒泡
focusin 是fucus的冒泡版
focusout blue等价事件

##鼠标和滚轮事件
click 单击
dbclick 双击
mousedown 鼠标任意按键落下
mouseenter 鼠标首次从元素外移动到元素内触发 不冒泡
mouseleave mouseenter的相反事件
mouseover 处于元素内部时候始终触发(或者说重复触发) 不能通过键盘触发
mouseout 元素从一个元素上方移动到另一个元素时候触发
mouseup 在用户释放鼠标按键时候触发 不能通过鼠标触发这个事件
mousewheel 滚轮事件