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,就会按照事件捕获,从上往下
例如:
 
  <style>
     .div1{
           width: 300px;
            height: 300px;
            background: red;
            margin: 100px auto;  }
        .div2{
            width: 200px;
            height: 200px;
            background: blue;  }
        .div3{
            width: 100px;
            height: 100px;
            background: green;
        }
    </style>
    <script>
        window.onload=function(){
            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。

posted @ 2018-11-11 22:33  linlinlina  阅读(328)  评论(0编辑  收藏  举报