js基础_57、事件的简介

事件

事件，就是文档和浏览器窗口之间发生的一些特定的交互瞬间(交互行为)。
比如：点击按钮、鼠标移动、关闭窗口。。。。

我们可以在事件对应的属性中设置一些JS代码，这样当事件被触发时，这些代码将会被执行。
比如：
<button id="btn1" onclick="alert('触发了单击事件！');">我是一个按钮</button>

这种写法我们称为结构和行为耦合，不方便维护，不推荐使用。可以为按钮的对应事件绑定处理函数的形式来响应事件，这样当事件被触发时，其对应的函数将会被调用。
比如：

 <button id="btn1">我是一个按钮</button>
    <script>
            var btn=document.getElementById("btn1");
            btn.onclick=function(){
                alert('触发了单击事件');
            }
    </script>

绑定一个单击事件，像这种为单击事件绑定的函数，我们称为单击响应函数(响应函数)

在事件的响应函数中，响应函数是给谁绑定的，this就是谁。