19.3 JavaScript事件
在本章的引言中,我提到对JavaScript的深入讨论超出了本书的范围。不过,我仍然想让你大体了解一下JavaScript事件,从而对JavaScript能做什么有一些基本的认识。
可以编写JavaScript对特定的、预定义的事件(由访问者或浏览器触发)进行响应。下面的列表只是编写脚本时可用的事件处理程序的一些简单示例。HTML5引入了大量其他的事件处理程序,其中很多都是与audio
和video
元素相关的。有的触屏设备也开始支持特殊的基于触摸操作的事件处理程序。
注意下面的列表中的“mouse”(鼠标)代表所有“指针设备”。例如,onmousedown
会在访问者使用电子笔、真正的鼠标或其他类似的设备时被触发。
onblur
:访问者离开先前获得焦点的元素(参见onfocus
)。onchange
:访问者改变元素的值或内容。通常用于表单字段(关于表单,参见第16章)。onclick
:访问者点击特定的区域或在元素(如链接)获得焦点时按下回车键。ondblclick
:访问者双击特定的区域。onfocus
:访问者选择、点击或用制表键将焦点移至特定的元素。onkeydown
:在指定的元素上,访问者按下一个键。onkeypress
:在指定的元素上,访问者按下并松开一个键。onkeyup
:在指定的元素上,访问者在输入后松开一个键。onload
:浏览器完成页面的加载,包括所有的外部文件(如图像、样式表、JavaScript等)。onmousedown
:在指定的元素上,访问者按下鼠标键。onmousemove
:访问者移动鼠标指针。onmouseout
:访问者在鼠标指针停留的特定元素上移开鼠标。onmouseover
:访问者将鼠标指向元素。onmouseup
:访问者在点击元素后松开鼠标键(与onmousedown
相反)。onreset
:访问者点击表单的重置按钮或在该按钮获得焦点时按下回车键。onselect
:访问者选择元素中的一个或多个字符。onsubmit
:访问者点击表单的提交按钮或在该按钮获得焦点时按下回车键。
HTML5事件处理程序的完整列表参见http://dev.w3.org/html5/spec-author-view/global-attributes.html。一些触屏设备(如智能手机、平板电脑)包含的与触摸相关的事件处理程序包括touchstart
、touchend
、touchmove
等(https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html)。