stages

1.Capture

2.OnEvent:

function fn1(){alert(1)};
function fn2(){alert(2)};
document.onclick=fn1();
document.onclick=fn2(); 1234

只会弹出2
- 使用on事件，给标签加多个事件的时候后面的会覆盖前面的。

function fn1(){alert(1)};
function fn2(){alert(2)};
document.addEventListener('onclick',fn1()); //1
document.addEventListener('onclick',fn2()); //21234

.addEvent事件监听可以给一个标签添加多个事件,并且之前的不会被覆盖掉
- addevent里面可以传递三个参数：
     * 1.addevent 里面的参数,第一个是传入对应的事件的类型(注意不要加on)
     * 2.addevent 第二个参数,就是函数的回调
     * 3.bool类型取值,如果是false(默认就是),事件的触发机制就会按照冒泡(从下往上),如果是true,就会按照事件捕获,从上往下
例如：

            div1.addEventListener("click",function(){
                alert(1);
            } ,false);
            div1.addEventListener("click",function(){
                alert(2)
            } ,true);
            div3.addEventListener("click",function(){
                alert(3)
            } ,false);
        }
    </script>
</head>
<body>
<div class="div1">
          <div class="div2">
                 <div class="div3"></div>
          </div>
</div>
</body>1234567891011121314151617181920212223242526272829303132333435363738

给div1，div3 添加点击事件，依次弹出2,3,1

1. div1.addEventListener("click",function(){
                alert(1);
            } ,false);
2. div1.addEventListener("click",function(){
                alert(2)
            } ,true);
3.div3.addEventListener("click",function(){
                alert(3)
            } ,false);
参考：
作者：zm_miner
来源：CSDN
原文：https://blog.csdn.net/zm_miner/article/details/79298242

3.Popup

Java脚本弹出窗口

例

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作

确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。