js是前端开发中的基础，关于js的使用可以说是在如今的前端开发中无处不在。

那么我们在使用js常见的操作有哪些呢？如监听事件点击、页面滚动等。

本篇文章就来介绍如何使用原生js对class类名的div点击事件进行监听功能。

原生js监听class类名div点击事件示例代码如下：

<div class="dianji">点击<div>
<script>
    document.addEventListener('DOMContentLoaded', (event) => {
        document.addEventListener('click', (event) => {
            if (event.target.classList.contains('dianji')) {
                // 处理点击事件
                console.log('你进行了点击操作');
            }
        });
    });
</script>

关键点说明：

    addEventListener() 方法用于向指定元素添加事件句柄。

    event.target.classList.contains：判断指定的类名是否包含在指定的元素节点中。