JavaScript的事件详解

1-事件流:描述在页面中接受事件的顺序

2-事件冒泡:有最具体的元素接收,然后逐级向上传播至最不具体元素的节点/文档

3-事件捕获:最不具体的节点先接收,而最具体的节点在最后接收事件


DOM 0级事件处理程序

<body>
<div id="div">
<button id="btn1">按钮</button>
</div>
<script type="text/javascript">
     var btn1 = document.getElementById("btn1");
     btn1.onclick=function (){alert("hello,DOM 0级事件处理程序")};
</script>
</body>
<div id="div">
<button id="btn1">按钮</button>
</div>
<script type="text/javascript">
document.getElementById("btn1").addEventListener("click",showtype);
function showtype(event){
alert(event.type);  //获取事件的类型
}
</script>


你可能感兴趣的:(JavaScript的事件详解)