web APIs学习笔记-2

1.事件

1.1 什么是事件？

事件是在编程时系统内发生的动作或者发生的事情 比如用户在网页上单击一个按钮

1.2什么是事件监听？

就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 绑定事件或者注册事 件 比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等

 1.3怎么设置监听事件

元素对象.addEventListener('事件类型'，想要执行的函数);

 点击关闭广告

1.4常用的事件

click 鼠标点击

mouseenter鼠标经过

mouseleave 鼠标离开

focus 获得焦点

blur 失去焦点

Keydown 键盘按下触发

Keyup 键盘抬起触发

input 用户输入事件

1.5事件对象

事件对象是什么

也是个对象，这个对象里有事件触发时的相关信息

例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息

使用场景

可以判断用户按下哪个键，比如按下回车键可以发布新闻

可以判断鼠标点击了哪个元素，从而做相应的操作

 元素对象.addEventListener('事件类型'，function(e){}) 这个e就是事件对象

e.type 获取事件类型

e.clientX/clientY获取光标相对于浏览器可见窗口左上角的位置

e.offsetX/offsetY获取光标相对于当前DOM元素左上角的位置

e.key 用户按下的键盘键的值