JS API 事件监听

焦点事件案例：搜索框激活下拉菜单

事件对象

事件对象存储事件触发时的相关信息

可以判断用户按键，点击元素等内容

如何获取

事件绑定的回调函数中的第一个形参就是事件对象
一般命名为e,event

事件对象常用属性

type类型 click mouseenter
clientX/clientY 触发时鼠标相对于浏览器右上角的位置
offsetX offsetY 相对于当前DOM元素的位置
key 用户按下键盘的值

字符串.trim方法去除左右两端空格

环境对象

函数内部变量 指向当前环境
this指向当前window对象 普通函数指向window

在回调函数中 指向函数的调用者

回调函数

当函数A作为参数传递给函数B时，A为回调函数

例子：定时器函数
setInterval(fn,1000) fn为定时器函数的回调函数