首先,允许我这么称呼它们两个为兄弟。之所以这么称呼,是因为它们之间执行的是相同的任务----- 点击按钮。
然而,它们也有不同之处,次不同之处又使得它们貌似有些调用的意思。
接下来,让我来给大家说一下二者的关系,我们不妨举个例子来说明:
请看如下代码:
<div class="content_login">
<input name="username" type="text" id="username" />
<input name="password" type="password" id="password"οnkeydοwn='if(event.keyCode==13){loginbutton.click()}' />
<div class="login_minu" id="loginbutton" οnclick="authen()">
</div>
</div>
此代码为登录界面,两个输入框:一个为输入名字,另一个为输入密码。一个button ,id为loginbutton。至于这个button是什么样,我们暂时不用管,只知道他在类login_minu中定义就行。
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。
属性 | 值 | 描述 |
onload | 脚本 | 当文档被载入时执行脚本 |
onunload | 脚本 | 当文档被卸下时执行脚本 |
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性 | 值 | 描述 |
onchange | 脚本 | 当元素改变时执行脚本 |
onsubmit | 脚本 | 当表单被提交时执行脚本 |
onreset | 脚本 | 当表单被重置时执行脚本 |
onselect | 脚本 | 当元素被选取时执行脚本 |
onblur | 脚本 | 当元素失去焦点时执行脚本 |
onfocus | 脚本 | 当元素获得焦点时执行脚本 |
图像事件 (Image Events)
该属性可用于 img 元素:
属性 | 值 | 描述 |
onabort | 脚本 | 当图像加载中断时执行脚本 |
键盘事件 (Keyboard Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性 | 值 | 描述 |
onkeydown | 脚本 | 当键盘被按下时执行脚本 |
onkeypress | 脚本 | 当键盘被按下后又松开时执行脚本 |
onkeyup | 脚本 | 当键盘被松开时执行脚本 |
鼠标事件 (Mouse Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性 | 值 | 描述 |
onclick | 脚本 | 当鼠标被单击时执行脚本 |
ondblclick | 脚本 | 当鼠标被双击时执行脚本 |
onmousedown | 脚本 | 当鼠标按钮被按下时执行脚本 |
onmousemove | 脚本 | 当鼠标指针移动时执行脚本 |
onmouseout | 脚本 | 当鼠标指针移出某元素时执行脚本 |
onmouseover | 脚本 | 当鼠标指针悬停于某元素之上时执行脚本 |
onmouseup | 脚本 | 当鼠标按钮被松开时执行脚本 |