原创日志作品-

JavaScript定义的事件
发表于：2005-12-30 22:15:26 阅读：739
javascript定义的事件
HTML元素
HTML标志
JS事件（ON）
说  明
链接
…
Click
鼠标单击链接时……
MouseOver
鼠标经过链接时……
MouseOut
图形

Abort
中断图形装入操作
Error
图形装入错误时……
Load
图形装入并显示时……
区域

MouseOver
鼠标移动经过客户机的图形映射区域时……
MouseOver
鼠标从图形映射区域移动到其余外部
文档主体
…
Blur
当前文档失去输入焦点属性时……
Error
文档装入错误时……
Focus
当前文档得到输入焦点属性时……
Load
文档装入并显示时……
UnLoad
用户退出文档时……
帧组

……

Blur
当前帧组失去输入焦点属性
Error
帧组装入错误时……
Focus
帧组得到输入焦点属性时……
Load
帧组装入完毕时……
Unload
用户退出帧组时……
帧
……

Blur
当前帧失去输入焦点属性时……
Focus
帧得到输入焦点属性时……
表单

……

Submit
提交表单时……
Reset
表单复位时……
文本字段

Blur
当前文本字段失去输入焦点属性时……
Focus
文本字段得到当前输入焦点属性时……
Select
文本字段中的文本被选中时……
文本区
<br>……<br>
Blur
文本区失去当前输入焦点属性时……
Focus
文本区得到当前输入焦点属性时……
Change
文本区修改并失去当前输入焦点属性时……
Select
文本区中的文本被选中时……
按钮

Click
单击按钮时……
提交

Click
单击提交按钮时……
复位

Click
单击复位按钮时……
单选钮

Click
单击单选按钮时……
复选钮

Click
单击复选框
选项

……

Blur
选择元素失去当前输入焦点属性时……
Focus
选择元素得到当前输入焦点属性时……
Change
选择元素被修改并失去当前输入焦点属性时……
处理鼠标事件
当鼠标事件发生的时候，javascript解释器会自动把事件信息填充到一个Event对象的实例中，并作为一个参数传送给鼠标事件处理函数。鼠标事件处理函数得到的Event对象有一些共同的属性：
·type：字符串，指示这个事件类型。对于鼠标事件来说，可能的属性值由mousedown、mouseup和click等。
·layerX：指示当事件发生时鼠标相对于当前层的水平位置，以像素为单位。
·layerY：指示当事件发生时鼠标相对于当前层的垂直位置，以像素为单位。
·pageX：指示当事件发生时鼠标相对于当前页的水平位置，以像素为单位。
·pageY：指示当事件发生时鼠标相对于当前页的垂直位置，以像素为单位。
·ScreenX：指示当事件发生时鼠标相对当前屏幕左上角的水平位置，以像素为单位。
·ScreenY：指示当事件发生时鼠标相对当前屏幕左上角的垂直位置，以像素为单位。
·which：指示鼠标按下的链的信息。1表示按下的是鼠标左键，3表示按下的是鼠标的右键。
·modifiers：指示随着鼠标按键同时按下的键盘修饰键的种类。这个属性可以取的值有：ALT_MASK、CONTROL_MASK、SHIFT_MASK和META_MASK。
如：if(e.modifiers&Event.ALT_MASK)
alert(“ALT Key Pressed!!”);
其中，e是一个传送到事件处理函数中的Event对象。
若要处理与用户移动鼠标经过特定链接相关联的事件，可以链接以事件处理代码。见上表。比如：在鼠标经过一个界面对象时发生MouseOver事件，在MouseOver事件发生时JS自动调用执行OnMouseOver句柄。这个事件适合于区域、层以及超级链接。
一般来说，事件处理属性名由事件名前面加上ON字样组成，属性与大小写无关。
事件处理属性
表示何时处理属性
OnAbort
用户中断图形装入操作时
OnBlur
文档、帧组、文本字段、文本区或选项失去当前输入焦点属性时
OnChange
文档、帧组、文本字段、文本区或选项因修改而失去当前输入焦点属性时
onClick
单击链接、客户机图形映射区、按钮、提交按钮、复选按钮、单选按钮或选框时
onError
图形装入出错时
Onfocus
文档、帧组、文本字段、文本区或选项得到当前输入焦点属性时
Onload
装入图形、文档或帧组时
OnMouseOut
鼠标移出链接或客户机图形映射区时
OnMouseOver
鼠标经过链接或客户机图形映射区时
OnReset
用户单击表单复位链接或复位表单时
OnSelect
文本区或文本字段的文本被选中时
OnSubmit
提交表单时
OnUnload
用户退出文档或帧组时
上面的JS事件，只要在相应HTML标记中包括该事件的事件处理属性，然后指定属性值为事件处理JS代码。任何JS代码都可以作为事件处理程序属性值的参数，但如果属性值用双引号括起来，则事件处理代码中要使用单引号；如果属性值用单引号括起来，则事件处理代码要用双引号。
If (confirm (“Are you a teacher”)
Window.location=”http:www.xxx.xxx.com”
上面的用法是用来通过自动提问的方式来确认是否连接到某页。注意confirm和windows.location。
Onload事件处理器常用于Java或插入件的Web页面，进行必要的初始化或播放语音文件、动画序列等，使页面入口更精彩。Unload事件处理器完成类似的功能，戏剧性地退出的页面方式！！
Onfocus事件通常用于将文档恢复为默认开始状态，或继续以前中断的进行。Onblur事件用于中断页面上正在进行的过程，如播放语音文件或动画，然后再激活新的页面或当前页面的新区域。
OnFocus=’Document.bgColor=”yellow”’，这样的用法经常用于交互式地、在文档的某一区域或框架中某个页面取得焦点时，改变文档的背景颜色。非常有意思。
图形是web文档中装入时间最长的元素，在许多应用程序中，一定要知道图形何时装入，是处于装入过程中，还是中断了装入过程？图形事件提供了这些功能。（onload、onabort、onerror）