事件:
窗口事件(Window Events)
仅在 body 和 frameset 元素中有效。
属性 | 值 | 描述 |
onload | 脚本 | 当文档被载入时执行脚本 |
onunload | 脚本 | 当文档被卸下时执行脚本 |
Onunload:Firefox 重新加载(页面刷新)页面时不会卸下当前页面的文档,直接开始加载文档。
IE重新加载(页面刷新)页面时会卸下当前页面文档,然后重新加载。
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性 | 值 | 描述 |
onchange | 脚本 | 当元素改变时执行脚本 select 元素上 |
onsubmit | 脚本 | 当表单被提交时执行脚本 form表单 |
onreset | 脚本 | 当表单被重置时执行脚本form表单 |
onselect | 脚本 | 当元素被选取时执行脚本文本区域文本输入框 |
onblur | 脚本 | 当元素失去焦点时执行脚本 form表单中所有元素上 |
onfocus | 脚本 | 当元素获得焦点时执行脚本 form表单中所有元素上 |
键盘事件(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 | 脚本 | 当鼠标按钮被松开时执行脚本 |
Event对象:
鼠标 / 键盘属性
属性 | 描述 | IE | F | O | W3C |
返回当事件被触发时,"ALT" 是否被按下。 | 6 | 1 | 9 | Yes | |
返回当事件被触发时,哪个鼠标按钮被点击。 | 6 | 1 | 9 | Yes | |
返回当事件被触发时,鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes | |
返回当事件被触发时,鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes | |
返回当事件被触发时,"CTRL" 键是否被按下。 | 6 | 1 | 9 | Yes | |
返回当事件被触发时,"meta" 键是否被按下。 | No | 1 | 9 | Yes | |
返回与事件的目标节点相关的节点。 | No | 1 | 9 | Yes | |
返回当某个事件被触发时,鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes | |
返回当某个事件被触发时,鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes | |
返回当事件被触发时,"SHIFT" 键是否被按下。 | 6 | 1 | 9 | Yes |
IE 属性
除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:
属性 | 描述 |
cancelBubble | 如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。 |
fromElement | 对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。 |
keyCode | 对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。 |
offsetX,offsetY | 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。 |
returnValue | 如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。 |
srcElement | 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。 |
toElement | 对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。 |
x,y | 事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。 |
Eg:
<script>
functiontonkeydown(event){
alert(event.keyCode);
}
functiontonbutton(event){
//alert('body');
alert(event.clientX);
alert(event.clientY);
}
functionsubmitmeth(){
varfo = document.getElementById("formid");
alert(fo.action);
fo.action="c.html";
fo.submit();
}
</script>
<input type="text"name="uuname" value="aaa"οnkeydοwn="tonkeydown(event)" />
Form 对象
Form 对象代表一个 HTML 表单。
在 HTML 文档中 <form> 每出现一次,Form 对象就会被创建。
Form对象属性
设置或返回表单的 action 属性。 | 5 | 1 | 9 | Yes | |
设置或返回将数据发送到服务器的 HTTP 方法。 | 5 | 1 | 9 | Yes |
Form对象方法
方法 | 描述 | IE | F | O | W3C |
把表单的所有输入元素重置为它们的默认值。 | 5 | 1 | 9 | Yes | |
提交表单。 | 5 | 1 | 9 | Yes |