【JavaScript】window对象事件

简介:
window对象-事件
专用事件:
onload事件:我们需要在网页文档下载完毕时执行
的程序代码,需要放在onload事件处理程序中去编写。

onunload事件:在网页文档卸载完毕后,需要在网页
关闭时执行的程序代码,需要放在onunload事件处理
程序中去编写。

onbeforeunload事件:对于浏览器准备卸载网页文件
时的事件,也就是onbeforeunload事件是发生在卸载
网页文件之前的事件,给用户提供一个取消的机会。

样例:
<body onload="alert('欢迎')" onunload="alert('再见!')" 
onbeforeunload="window.event.returnValue='请小心'">
</body>
效果:打开网页,弹出一个“欢迎”的对话框,点击右上角
的叉叉,弹出是否关闭网页的对话框,选择“确定”,网页
关闭,弹出一个“再见”的对话框。

测试javascript语句的执行顺序:
<script>
   alert("ok");
</script>
<body onload="alert('欢迎')" onunload="alert('再见!')" 
onbeforeunload="window.event.returnValue='请小心'">
Hello
<script>
   alert("ok2");
</script>
</body>
<script>
   alert("ok3");
</script>
这个例子说明了,解析器是一边读文档,一边解析里面的内容。
而onload事件发生在浏览器将程序装载完才发生的事件。
如果网页文档非常大,装载的时间非常长,为了缓解用户等待的
焦急心情,可以在开始放一个script语句块,显示"正在下载",
然后在中间的script语句块中放一个定时器,显示下载进度。
在最后显示装在完毕的信息。

通用事件:
onclick事件:它是当用户点击某个Html元素时产生的事件。我们在
form表单的元素中经常使用到onclick事件。


onmousemove事件:它是当鼠标在某个html元素上移动的时候所产生
的事件,这个事件伴随着鼠标的移动而不断的重复发生。如果我们要
随着鼠标的移动而不断显示出鼠标的新坐标位置,就应该处理这个
事件。

onmouseover事件:它是指鼠标刚从外面移进到一个html元素的边界时,
所产生的事件。除非鼠标又移出html元素且再移入,否则这个事件不会
重复发生。

onmouseout事件:它是当鼠标移出一个html元素的边界时所产生的事件。

onmousedown事件:当鼠标的任何按键按下去的时候产生的事件。

onmouseup事件:当鼠标的任何按键弹起去的时候产生的事件。


onkeydown:当键盘的任何按键按下去的时候产生的事件。


onkeyup:当键盘的任何按键弹起的时候产生的事件。

onkeypress:当用户按下一个数字或字母按键所产生的事件。

按某个键是指"按下弹起"。

转载请注明出处:http://blog.csdn.net/acmman/article/details/44132035

相关文章
|
15天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
25天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
N..
|
1月前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
18天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
23天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
12 0
|
3天前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
19 2
|
1月前
|
存储 JavaScript 前端开发
在JavaScript中,对象和数组是如何进行扩展的?
在JavaScript中,对象和数组是如何进行扩展的?
22 4
|
2天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
16 3
|
4天前
|
JavaScript 前端开发 开发者
JavaScript中的错误处理:try-catch语句与错误对象
【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码,catch块捕获并处理错误,finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息,如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。
|
10天前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
14 0