Javascript-事件

DOM事件流：

　　1、事件冒泡　　2、事件捕获

 

 

DOM2事件流：

　　1、事件捕获阶段

　　2、处于目标阶段

　　3、事件冒泡阶段

事件处理程序：

　　1、HTML事件处理程序：

　　例一：<input type="button" value="Click Me" onclick="alert('Clicked')" />

　　例二：<input type="button" value="Click Me" onclick="showMessage()" />

　　缺点：（1）存在时差问题，页面未解析事件处理函数之前触发事件会发生报错

　　　　    （2）扩展事件处理程序的作用域链在不同的浏览器中会导致不同的结果

　　2、DOM0级事件处理程序：

　　例一：var btn=document.getElementById("myBtn");

　　　　　btn.onclick=function(){

　　　　　　　　alert("Clicked");

　　　　　　};

　　事件处理程序是在元素的作用域中运行，事件处理程序会在事件流的冒泡阶段被处理。

　　3、DOM2级事件处理程序

　　例一：var btn=document.getElementById("myBtn");

　　　　　btn.addEventListener("click",function(){

　　　　　　alert(this.id);

　　　　　　},false);

 

标签：例一,作用域,Javascript,处理程序,事件,btn,冒泡
来源： https://www.cnblogs.com/brandbao-blog/p/12236199.html