|
2021-09-23
学如逆水行舟，不进则退
事件是可以被javascript监测到的行为，就是当用户与web页面进行交互时，解释器就会创建响应的event对象以描述事件信息
常见事件
用户点击页面上某项内容
鼠标经过特定元素
用户按下键盘上的某个按键
用户滚动窗口或改变窗口大小
页面加载完成或加载失败
事件定义方式
1.html中定义 在html中写js，不利于代码复用
2.DOM0级事件 事件对象的属性添加绑定事件，只能绑定一个事件类型
3.DOM2级事件 通过addEventListener函数绑定事件，可以绑定多个事件，事件捕获和事件冒泡
<body>
<button type="button" id="btn1" onclick="alert('我被点击了')">html中定义</button>
<button type="button" id="btn2">DOM0级事件</button>
<button type="button" id="btn3">DOM2级事件</button>
<script type="text/javascript">
var btn2=document.getElementById("btn2");
btn2.onclick=function(){
alert("DOM0级事件");
}
通过addEventListener函数绑定事件，可以绑定多个事件，事件捕获和事件冒泡
var btn3=document.getElementById("btn3");
btn3.addEventListener("click",function(){
alert("DOM2级事件第一次");
},false);
btn3.addEventListener("click",function(){
alert("DOM2级事件第二次");
},false);
</script>
</body>
|