stages

1.Capture 函數

2.OnEvent:.net

 
 
 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腳本彈出窗口
警告框

警告框常常用於確保用戶能夠獲得某些信息。blog

當警告框出現後,用戶須要點擊肯定按鈕才能繼續進行操做事件

 

確認框ip

確認框用於使用戶能夠驗證或者接受某些信息。io

當確認框出現後,用戶須要點擊肯定或者取消按鈕才能繼續進行操做。event

若是用戶點擊確認,那麼返回值爲 true。若是用戶點擊取消,那麼返回值爲 false。function

相關文章
相關標籤/搜索