本文共 2344 字，大约阅读时间需要 7 分钟。

     
     
   
    
    
           Button    
    
  
   
  

/* CSS������ */.container{  width: 400px;  height: 400px;  display: flex;  align-items: center;  justify-content: center;  border: 1px solid black;}.inner{  height: 100px;  width: 100px;  background-color: burlywood;  display: flex;  justify-content: center;  align-items: center;  cursor: pointer;}

������������������������������

���������������������������������������������������������

������������HTML������������������������������������������div���������������������div���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������Button���������div������������������������������������������������������������������������������

/** * ��������� * ������������������������������ */const inner = document.getElementsByClassName('inner')[0];const container = document.getElementsByClassName('container')[0];inner.addEventListener('click', event => {  event.stopPropagation();  // chromium������  window.event.cancelBubble = true;  // IE������})container.addEventListener('click', event => {  console.log('success');})

���������������������������������������target���������������������

/** * ��������������������������������������������������������� * 1.className������������������������������id * 2.DOM������������������ * 3.���������DOM������������������DIV */container.addEventListener('click', event => {  if('inner' !== event.target.className) {    console.log(`success`);  }  if(inner !== event.target) {    console.log('success');  }  if(event.target.contains(inner) && event.target !== inner) {    console.log('success');  }})

������������������Vue .self���������

������������������������������������������������������������

������������������event.target���������������������������������������������������������������/������

���������������������������������������div���������������������������������

�������������������������������������������������������������������