事件的说明-CFANZ编程社区

事件的说明

事件

事件：是在编程时系统内发生的动作或者发生的事情

1.事件监听

事件监听：就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为注册事件

语法：
在这里插入图片描述

<body>
    <button>点击</button>
    <script>
        //1. 获取按钮元素
        let btn = document.querySelector('button')
        //2. 事件监听   绑定事件 注册事件 事件侦听
        // 事件源.addEventListener('事件', 事件处理函数)
        btn.addEventListener('click', function () {
            alert('111')
        })
    </script>
</body>

注意：

事件类型要加引号
函数是点击之后再去执行，每次点击都会执行一次

事件监听三要素：

事件源（元素）：那个dom元素被事件触发了，要获取dom元素
事件：用什么方式触发，（鼠标点击click，鼠标经过mouseover等）
事件调用的函数：要做的事情

2.事件的监听版本

DOM L0
事件源.on事件=function(){}

  btn.οnclick=function(){
            alert('111')
        }

在这里插入图片描述

DOM L2
事件源.addEventListener（事件，事件处理函数）

       btn.addEventListener('click', function () {
            alert('111')
        })

效果图与上图一样

0 条评论