javascript window 常用事件 event
//事件加载完后立即发生
window.onload = function onLoad() {
alert("onload");
}
alert("onload");
}
//用户退出页面时发生
window.onunload = function onUnLoad() {
alert("onunload");
}
window.onunload = function onUnLoad() {
alert("onunload");
}
//
刷新或关闭时调用
window.onbeforeunload = function onBeforeUnLoad() {
alert("onbeforeunload");
}
window.onbeforeunload = function onBeforeUnLoad() {
alert("onbeforeunload");
}
//
是判断当前页面是否活动
window.onactivate = function onActivate() {
alert("onactivate");
}
window.onactivate = function onActivate() {
alert("onactivate");
}
//
window.onbeforedeactivate = function onBeforeDeactivate() {
alert("onbeforedeactivate");
}//
window.oncontrolselect = function onControlSelect() {
alert("oncontrolselect");
}//
window.onscroll = function onScroll() {
alert("onscroll");
}
window.onresizestart = function onResizeStart() {
alert("onresizestart");
}//
window.onresizeend = function onResizeEnd() {
alert("onresizeed");
}//
window.onbeforedeactivate = function onBeforeDeactivate() {
alert("onbeforedeactivate");
}//
window.oncontrolselect = function onControlSelect() {
alert("oncontrolselect");
}//
window.onscroll = function onScroll() {
alert("onscroll");
}
window.onresizestart = function onResizeStart() {
alert("onresizestart");
}//
window.onresizeend = function onResizeEnd() {
alert("onresizeed");
}//
//控件有效/无效
document.forms[0].controlName.disabled=false/true;
Event 对象
Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
事件句柄 (Event Handlers)
HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。
属性 | 此事件发生在何时... | IE | F | O | W3C |
---|---|---|---|---|---|
onabort | 图像的加载被中断。 | 4 | 1 | 9 | Yes |
onblur | 元素失去焦点。 | 3 | 1 | 9 | Yes |
onchange | 域的内容被改变。 | 3 | 1 | 9 | Yes |
onclick | 当用户点击某个对象时调用的事件句柄。 | 3 | 1 | 9 | Yes |
ondblclick | 当用户双击某个对象时调用的事件句柄。 | 4 | 1 | 9 | Yes |
onerror | 在加载文档或图像时发生错误。 | 4 | 1 | 9 | Yes |
onfocus | 元素获得焦点。 | 3 | 1 | 9 | Yes |
onkeydown | 某个键盘按键被按下。 | 3 | 1 | No | Yes |
onkeypress | 某个键盘按键被按下并松开。 | 3 | 1 | 9 | Yes |
onkeyup | 某个键盘按键被松开。 | 3 | 1 | 9 | Yes |
onload | 一张页面或一幅图像完成加载。 | 3 | 1 | 9 | Yes |
onmousedown | 鼠标按钮被按下。 | 4 | 1 | 9 | Yes |
onmousemove | 鼠标被移动。 | 3 | 1 | 9 | Yes |
onmouseout | 鼠标从某元素移开。 | 4 | 1 | 9 | Yes |
onmouseover | 鼠标移到某元素之上。 | 3 | 1 | 9 | Yes |
onmouseup | 鼠标按键被松开。 | 4 | 1 | 9 | Yes |
onreset | 重置按钮被点击。 | 4 | 1 | 9 | Yes |
onresize | 窗口或框架被重新调整大小。 | 4 | 1 | 9 | Yes |
onselect | 文本被选中。 | 3 | 1 | 9 | Yes |
onsubmit | 确认按钮被点击。 | 3 | 1 | 9 | Yes |
onunload | 用户退出页面。 | 3 | 1 | 9 | Yes |
鼠标 / 键盘属性
属性 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
altKey | 返回当事件被触发时,"ALT" 是否被按下。 | 6 | 1 | 9 | Yes |
button | 返回当事件被触发时,哪个鼠标按钮被点击。 | 6 | 1 | 9 | Yes |
clientX | 返回当事件被触发时,鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes |
clientY | 返回当事件被触发时,鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes |
ctrlKey | 返回当事件被触发时,"CTRL" 键是否被按下。 | 6 | 1 | 9 | Yes |
metaKey | 返回当事件被触发时,"meta" 键是否被按下。 | No | 1 | 9 | Yes |
relatedTarget | 返回与事件的目标节点相关的节点。 | No | 1 | 9 | Yes |
screenX | 返回当某个事件被触发时,鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes |
screenY | 返回当某个事件被触发时,鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes |
shiftKey | 返回当事件被触发时,"SHIFT" 键是否被按下。 | 6 | 1 | 9 | Yes |