事件

1.什么是事件?

当我们和浏览器中的web页面进行交互时,这时就产生了事件。

事件能做什么?

答:我们可以监听某一种事件,来完成某一个动作、目标。

2.事件流

事件发生的顺序,我们叫事件流。

分类:事件冒泡和事件捕获

1事件冒泡: 事件先作用在目标上,随后作用在其父视图上。

3. HTML  0级事件

把监听事件写在HTML中,这就是HTML 0级事件  这种事件耦合性太高,不利于代码的维护和修改。不建议使用。

DOM  0级事件

把监听事件写在js中,降低了耦合性。

DOM  2级事件

添加句柄:添加事件

4.事件类型

窗口事件:只在body和frameset标签中生效

1.onload    :  当页面被载入执行时,触发onload事件

2.onunload  :  当离开页面时,触发onunload事件

2.表单事件:仅在表单元素中生效

1.onchange  :  当表单元素值改变时,触发onchange事件

2.onsubmit    :  当点击提交按钮时,触发onsubmit事件。写在form标签里或给form添加次事件。

3.onreset    ; 当点击重置按钮时,触发onreset事件。写在form标签里或给form添加次事件。

4.onblur      :  当元素失去焦点时,触发此事件。

5. onfoucs:  当元素获取焦点时,触发此事件

3.图像事件

1. onabort:当图片加载中断时,触发此事件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,531评论 2 10
  • 事件:就是网页浏览者或者浏览器所作出的某些操作 如点击鼠标 敲击键盘 刷新页面事件处理程序 所谓事件处理程序就是...
    月光在心中阅读 1,417评论 0 0
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 5,048评论 0 6
  • 储蓄投资:与复利做朋友 读书学习:升级自己的认知 投资自己:找到并提升核心竞争力
    银河系星人阅读 1,904评论 0 0
  • 在这个VUCA时代,太多的不确定因素,让我们越来越缺乏安全感,内心的恐惧和不安,大都来源于内心的不自信。我希望通过...
    沈鱼2009阅读 4,892评论 0 4