【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

相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
16天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
20天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
1月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
33 2
|
20天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
1月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
49 6
|
1月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
38 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
34 1
|
1月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
18 2
|
1月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
29 2