首页 > 编程语言 >【JavaScript】window对象事件

【JavaScript】window对象事件

时间:2023-03-19 12:01:58浏览次数:43  
标签:网页 鼠标 对象 JavaScript 当鼠标 window html 事件


window对象-事件
专用事件:
onl oad事件:我们需要在网页文档下载完毕时执行
的程序代码,需要放在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事件。


onm ousemove事件:它是当鼠标在某个html元素上移动的时候所产生


的事件,这个事件伴随着鼠标的移动而不断的重复发生。如果我们要


随着鼠标的移动而不断显示出鼠标的新坐标位置,就应该处理这个


事件。



onm ouseover事件:它是指鼠标刚从外面移进到一个html元素的边界时,


所产生的事件。除非鼠标又移出html元素且再移入,否则这个事件不会


重复发生。



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



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



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




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




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



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


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

标签:网页,鼠标,对象,JavaScript,当鼠标,window,html,事件
From: https://blog.51cto.com/u_16012040/6131101

相关文章

  • 【JavaScript】window对象_frames数组对象
    window对象的frames属性是一个数组,它与window对象的parent、top等对象属性,都是用于对HTML的帧标签(<frameset>或<iframe>)进行编程的javascript对......
  • 【Android开发】经典范例1-实现仿Windows7图片预览窗格效果
    本实例将显示类似于windows7提供的图片预览窗格效果,单击任意一张图片,可以在右侧显示该图片的预览效果。效果如图所示:具体实现方法:res/layout/main.x......
  • windows备份文件
    背景:在windows 下进行文件夹备份,备份成些压缩包什么之类的,话不多说,直接上bat 脚本:@echooff@rem全局变量注意事项:C:\Users\Anita\Desktop\temp\,前面最后的“\”一定不要......
  • 面向对象:添加删除和修改学生信息
    packagecom.itheima.test7;publicclassTest{publicstaticvoidmain(String[]args){//定义一个长度为三的数组Student[]arr=newStude......
  • 【JavaScript】DOM结构介绍和方法预览
    DOM1.DOM介绍DOM是DocumentObjectModel文档对象模型的缩写。根据W3CDOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标......
  • 2023年春面向对象第一单元
    23年春面向对象第一单元分析与总结目录 前言 架构  解析方法  数据结构  类图分析 基于度量的程序结构分析 BUG分析 互测相关 总结前言OO第一单元......
  • JavaScript 数据类型详解
    原文链接:​   ​​https://note.noxussj.top/?source=51cto​​常见的ES5数据类型分为基本数据类型、引用数据类型两种。包含字符串、数字、对象、数组、函数、布尔值......
  • 谈谈Java面向对象设计的六大原则
    单一职责原则——SRP开闭原则——OCP里式替换原则——LSP依赖倒置原则——DIP接口隔离原则——ISP迪米特原则——LOD单一职责原则单一职责原则的定义是就一个类......
  • .net7 AesCng 加密解密封装,仅支持Windows平台
    ///<summary>///AesCng加密///仅支持Windows平台///</summary>///<paramname="value">明文(待加密)</param>......
  • 再谈编程范式(3):理解面向过程/面向对象/函数式编程的精髓
    面向过程(PO)面向过程是随着VB一起来到我的世界,那个时候会的非常有限,感觉能把程序写出来自己就非常棒了,VB是做那种可视化界面,在工具栏拖个框框放到面板上,然后就在各个事件上写......