事件监听
检测是否有事件产生,一旦有事件触发就立刻调用一个函数作出响应
元素对象.addEventListener('事件类型',要执行的函数)
三要素:
事件源
事件类型:用什么方式除法,鼠标单击click、鼠标经过mouseover
事件调用的函数
事件类型
事件对象
是一个对象,这个对象里有事件触发时的相关信息。例:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息。
获取事件对象
在事件绑定的回调函数的第一个参数就是事件对象,一般命名为event、ev、e。
元素.addEventListener('click',function(e){}) //如这个e就是一个事件对象,包含了属性和方法
常见事件对象属性
(1)type:获取当前事件类型
(2)clientX/clientY:获取光标相对于浏览器可见窗口左上角的位置
(3)offsetX/offsetY:获取光标相对于当前DOM元素左上角的位置
(4)key:用户按下的键盘键的值
环境对象
函数内部特殊的变量this,它代表着当前函数运行时所处的环境。指向函数的调用者。
回调函数
如果将函数A作为参数传递给函数B时,我们称函数A为回调函数。如图,fn就是A,setInterval是函数B。