美文网首页
三、事件类型

三、事件类型

作者: 萘小蒽 | 来源:发表于2019-04-05 08:39 被阅读0次

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

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!!")
})

相关文章

  • 三、事件类型

    这里只介绍几个项目中用的比较频繁的事件类型。 1. load事件 当页面完全加载后(包括所有图像、JS文件、css...

  • 浏览器注册事件及其兼容问题

    注册事件(三种方式) on的方式 语法:事件源.on+事件类型 = 事件处理程序 缺点:只能注册一次同类型的事件,...

  • 震惊,View事件分发机制竟然是这样的

    事件类型MotionEvent MotionEvent的事件有三种类型: ACTION_DOWN ACTION_M...

  • js基础-事件

    注册/移除事件的三种方式 1. on的方式 事件源.on+事件类型 = 事件处理程序 缺点:只可以注册一次同类型的...

  • Android View事件分发机制

    触摸事件的类型 触摸事件对应的是MotionEvent类,事件类型主要有如下三种 ACTION_DOWN:按下操作...

  • Android 触摸事件传递机制(一)

    1 触摸事件的类型 触摸事件对应的是MotionEvent类,事件的类型主要有如下三种 ACTION_DOWN:用...

  • BOM

    一、BOM基础 二、定时事件 三、事件 四、常见事件类型 五、练习- 自动跳转

  • JavaScript_事件

    事件 通过触发指定的行为的时候,执行代码 一、事件三要素 事件源:触发条件的元素本身 事件类型:触发条件的类型( ...

  • Android中触摸事件的传递机制

    触摸事件的类型Android中触摸事件对应的类是MotionEvent类,事件的类型主要有如下三种情况ACTION...

  • javascript事件总结

    目录 事件是什么,事件可以干什么 事件的三要素是什么 绑定事件的两种方式 事件的三个阶段 事件对象 事件类型 事件...

网友评论

      本文标题:三、事件类型

      本文链接:https://www.haomeiwen.com/subject/bdqhiqtx.html