JS事件监听版本

版本一

事件源.on事件 = function () {
代码块
}

举例

// DOM
let c1 = document.querySelector('.c1');
// 点击事件
 c1.onclick = function () {
            if(c1.checked == true){
                // 如果点击 全部都为true
                for(var i = 1;i<all.length;i++)
                   all[i].checked = true;
            }
        else{
            for(var i = 1;i<all.length;i++)
                all[i].checked = false;
        }

版本二

事件源.addEventListener(事件 ，事件处理的函数)

<button>点击</button>
    <script>
        // 事件源  事件  事件调用函数
        // addEventListener 添加事件  
        let btn = document.querySelector('button');
        btn.addEventListener('click',function () {
            alert('点击成功');
        });
    </script>
    

两者区别不大 待补充
搬运B站 pink老师视频/黑马 供自己学习参考