DOM之方法 事件监听 addEventListener

发布时间 2023-03-28 23:32:07作者: 1502god

?

就是HTML标签受到鼠标点击后、经过后、点击输入文字后等操作之后能触发函数功能的操作


use

语法: DOM对象.addEventListener('事件类型',function(){})

三步: DOM对象、事件类型、触发函数

事件类型


鼠标事件:

  • 鼠标点击 'click'
  • 鼠标经过 'mouseenter'
  • 鼠标离开 'mouseleave'

焦点事件(搜索光标):

  • 点击光标后 'focus'
  • 失去光标后 'blur'

键盘事件

  • 键盘按下后 'keydown'
  • 键盘弹起来后 'keyup'

文本输入事件

  • 文本输入的文字,输入就有触发并且能拿到文字 'input' console.log(input.value)就能拿到文字

notice

函数就是赋值了给事件类型的名字 click就是里面定义的匿名函数的名字