三、事件类型

这里只介绍几个项目中用的比较频繁的事件类型。

1. load事件

当页面完全加载后(包括所有图像、JS文件、css文件等外部资源)就会触发该事件。
有两种定义onload事件处理程序的方式。

  • 第一种方式:window上绑定
EventUtil.addHandler(window , "load" ,function(event){
       console.log("loaded!!")
})

使用了之前的兼容模式对象的方法,给window绑定了load事件,点击查看EventUtil.addHandler

  • 第二种方式:body上添加onload特性
<html>
  <head>
    <title>loaded</title>
  </head>
  <body onload="alert("loaded!!")" >

  </body>
</html>

一般在window上面发生的任何事件都可以在<body>元素中通过响应的特性来指定,但是不推荐,这两种都是页面加载完毕执行的逻辑。

  • 在图像上面也可以触发load事件
<img src="xxx" onload="alert("Image loaded!!")" >
var image = document.getEmentById('myImage');
EventUtil.addHandler(image , "load" ,function(event){
       console.log("loaded!!")
})
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,715评论 1 11
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 745评论 0 4
  • 事件流 JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互...
    DHFE阅读 915评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,867评论 1 45
  • 事件类型 Web浏览器可能发生的事件类型有很多。不同的事件类型具有不同的信息,而“DOM3级事件“规定了以下几类事...
    ConRon阅读 962评论 0 1

友情链接更多精彩内容