表
3-1 JavaScript
事件汇总
事
件
|
触
发
时
机
| |
一般事件
|
onclick
|
鼠标单击时触发此事件
|
ondblclick
|
鼠标双击时触发此事件
| |
onmousedown
|
按下鼠标时触发此事件
| |
onmouseup
|
鼠标按下后松开鼠标时触发此事件
| |
onmouseover
|
当鼠标指针移动到某对象范围的上方时触发此事件
| |
onmousemove
|
鼠标移动时触发此事件
| |
onmouseout
|
当鼠标指针离开某对象范围时触发此事件
| |
onkeypress
|
当键盘上的某个键被按下并且释放时触发此事件
| |
onkeydown
|
当键盘上某个按键被按下时触发此事件
| |
onkeyup
|
当键盘上某个按键被按放开时触发此事件
| |
页面相关事件
|
onabort
|
图片在下载时被用户中断
|
onbeforeunload
|
当前页面的内容将要被改变时触发此事件
| |
onerror
|
出现错误时触发此事件
| |
onload
|
页面内容完成时触发此事件
| |
onmove
|
浏览器的窗口被移动时触发此事件
| |
onresize
|
当浏览器的窗口大小被改变时触发此事件
| |
onscroll
|
浏览器的滚动条位置发生变化时触发此事件
| |
onstop
|
浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断
| |
onunload
|
当前页面将被改变时触发此事件
| |
表单相关事件
|
onblur
|
当前元素失去焦点时触发此事件
|
onchange
|
当前元素失去焦点并且元素的内容发生改变而触发此事件
| |
onfocus
|
当某个元素获得焦点时触发此事件
| |
onreset
|
当表单中
RESET
的属性被激发时触发此事件
| |
onsubmit
|
一个表单被递交时触发此事件
| |
滚动字幕事件
|
onbounce
|
在
Marquee
内的内容移动至
Marquee
显示范围之外时触发此事件
|
onfinish
|
当
Marquee
元素完成需要显示的内容后触发此事件
| |
onstart
|
当
Marquee
元素开始显示内容时触发此事件
| |
编辑事件
|
onbeforecopy
|
当页面当前被选择内容将要复制到浏览者系统的剪贴板前触发此事件
|
onbeforecut
|
当页面中的一部分或者全部的内容将被移离当前页面
[
剪贴
]
并移动到浏览者的系统剪贴板时触发此事件
|
续表
事
件
|
触
发
时
机
| |
编辑事件
|
onbeforeeditfocus
|
当前元素将要进入编辑状态
|
onbeforepaste
|
内容将要从浏览者的系统剪贴板传送
[
粘贴
]
到页面中时触发此事件
| |
onbeforeupdate
|
当浏览者粘贴系统剪贴板中的内容时通知目标对象
| |
oncontextmenu
|
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件
| |
oncopy
|
当页面当前的被选择内容被复制后触发此事件
| |
oncut
|
当页面当前的被选择内容被剪切时触发此事件
| |
ondrag
|
当某个对象被拖动时触发此事件
[
活动事件
]
| |
ondragdrop
|
一个外部对象被鼠标拖进当前窗口或者帧触发此事件
| |
ondragend
|
当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了
| |
ondragenter
|
当被鼠标拖动的对象进入其容器范围内时触发此事件
| |
ondragleave
|
当被鼠标拖动的对象离开其容器范围内时触发此事件
| |
ondragover
|
当某被拖动的对象在另一对象容器范围内拖动时触发此事件
| |
ondragstart
|
当某对象将被拖动时触发此事件
| |
ondrop
|
在一个拖动过程中,释放鼠标键时触发此事件
| |
onlosecapture
|
当元素失去鼠标移动所形成的选择焦点时触发此事件
| |
onpaste
|
当内容被粘贴时触发此事件
| |
onselect
|
当文本内容被选择时触发此事件
| |
onselectstart
|
当文本内容选择将开始发生时触发的事件
| |
外部事件
|
onafterprint
|
当文档被打印后触发此事件
|
onbeforeprint
|
当文档即将打印时触发此事件
| |
onfilterchange
|
当某个对象的滤镜效果发生变化时触发的事件
| |
onhelp
|
当浏览者按下
F1
键或者浏览器的帮助选择时触发此事件
| |
onpropertychange
|
当对象的属性之一发生变化时触发此事件
| |
onreadystatechange
|
当对象的初始化属性值发生变化时触发此事件
|
一个利用JavaScript实现交互功能的Web页面总是包含下面三个部分的内容。
· 在<Head>部分定义一些JavaScript函数,其中的一些可能是事件处理函数,另外一些可能是为了配合这些事件处理函数而编写的普通函数;
· HTML本身的各种控制标记;
· 拥有事件处理属性的HTML标记,主要涉及到一些与用户实现交互的界面元素。这些元素可以把HTML同JavaScript代码相连。