DOM事件对象

最新推荐文章于 2025-12-04 22:56:41 发布

原创最新推荐文章于 2025-12-04 22:56:41 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

本文介绍了JavaScript中的事件对象，它是在事件触发时由系统创建并传递给事件处理函数的参数。通过事件对象，可以获取关于事件的详细信息，如事件类型、目标元素等。示例代码展示了如何在事件处理函数中接收并打印事件对象。了解事件对象的属性和方法对于JavaScript事件处理至关重要。

事件对象指的是，事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象，这个对象就是事件对象(event)

事件对象的使用

事件触发发生时就会产生事件对象，并且系统会以实参的形式传给事件处理函数。

所以，在事件处理函数中声明1个形参用来接收事件对象。

    <button>点击</button>

    <script>
        let btn = document.querySelector('button')

        btn.addEventListener('clcik',function(event){
            //  这个event就是事件对象
            //由系统产生的
            console.log(event);
        })
    </script>