什么是事件?
事件是在编程时系统内发生的动作或发生的事情,比如用户在网页上单击一个按钮
什么是事件监听?
就是让程序检测是否有事件产生,一旦有事件触发,就立刻调用一个函数做出响应,也称为绑定事件或注册事件
语法:
元素对象.addEventListener('事件类型',要执行的函数)
事件监听三要素:
- 事件源: 哪个dom元素被事件触发了,要获取dom元素
- 事件类型:用什么方式触发,比如鼠标单击click,鼠标经过mouseover等
- 事件调用的函数:要做什么事
示例:点击按钮弹出对话框
<body>
<button>点我</button>
<script>
const but = document.querySelector('button')
but.addEventListener('click', function () { alert('点我啦') })
</script>
</body>
点击关闭之后,盒子关闭