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 |
本文深入探讨了JavaScript中window对象的常用事件及其触发条件,并详细介绍了Event对象的功能和用途,帮助开发者更好地理解事件处理机制。

332

被折叠的 条评论
为什么被折叠?



