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