標籤：on() stop rip image http 多個 top name listen
什麼時候存在這種問題？當一個行為觸發了多個對象的事件時。 <body> <div class="fa"> <div class="son1"> <div class="son2"></div> </div> </div> <script type="text/javascript"> var fa = document.getElementsByClassName(‘fa‘)[0]; var son1 = document.getElementsByClassName(‘son1‘)[0]; var son2 = document.getElementsByClassName(‘son2‘)[0]; fa.addEventListener("click",function(e){console.log(‘fa‘);e.stopPropagation();},true); son1.addEventListener(‘click‘,function(){console.log(‘son1‘)},false); son2.addEventListener(‘click‘,function(){console.log(‘son2‘)},true); </script>addEventListener第三個參數不寫時預設為false，true代表在事件捕獲階段執行，false代表在事件冒泡階段執行。e.stopPropagation()可以讓一個行為只執行一個對象的事件。js中事件冒泡和事件捕獲
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
