【JavaScript】window对象事件

最新推荐文章于 2024-08-22 23:42:23 发布

光仔December

最新推荐文章于 2024-08-22 23:42:23 发布

阅读量2.9k

点赞数

分类专栏： JavaScript JavaScript的基础与DOM编程文章标签： JavaScript DOM编程 window对象事件 html

本文链接：https://blog.csdn.net/acmman/article/details/44132035

版权

JavaScript 同时被 2 个专栏收录

40 篇文章 9 订阅

订阅专栏

JavaScript的基础与DOM编程

27 篇文章 21 订阅

订阅专栏

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

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

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

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

测试javascript语句的执行顺序：
<script>
alert("ok");
</script>
<body οnlοad="alert('欢迎')" οnunlοad="alert('再见!')"
οnbefοreunlοad="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