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:当图片加载中断时,触发此事件
网友评论