事件
• 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。
• JavaScript 与 HTML 之间的交互是通过事件实现的。
• 对于 Web 应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、按下键盘上某个键等等。
我们可以为事件来绑定回调函数来响应事件。
绑定事件的方式:
1.可以在标签的事件属性中设置相应的JS代码
例子:
<button onclick="js代码">按钮</button>
但是这种写法我们称为结构和行为耦合,不方便维护,不推荐使用
2.可以通过为对象的指定事件属性设置回调函数的形式来处理事件
例子
<button id="btn">按钮</button>
<script>
var btn = document.getElementById("btn");//获取按钮对象
btn.onclick = function(){
alert("弹窗");//像这种为单击事件绑定的函数,我们称为单击响应函数
};
</script>//当点击按钮触发事件的时候,会出现弹窗