jsJS 事件监听事件是编程语言中的术语，它是用来描述程序的行为或状态的，一旦行为或状态发生改变，便立即调用一个函数。

事件监听

事件是编程语言中的术语，它是用来描述程序的行为或状态的，一旦行为或状态发生改变，便立即调用一个函数。

例如：用户使用【鼠标点击】网页中的一个按钮、用户使用【鼠标拖拽】网页中的一张图片。

js
代码解读
复制代码
元素对象.addEventListener('事件类型',要执行的函数)

老版本的事件源.on事件=function(){}

区别： on方式会被覆盖，addEventListener方式可绑定多次，拥有事件更多特性

与鼠标操作相关的事件

1.鼠标经过

js
代码解读
复制代码
div.addEventListener('mouseenter',function(){
  console.log('轻轻的我来了')
})

2.鼠标离开

js
代码解读
复制代码
div.addEventListenr('mouseleave',function(){
  console.log('轻轻的我走了')
})

keydown 键盘按下触发 keyup 键盘抬起触发

focus 获得焦点

blur 失去焦点

input