div嵌套div，父div绑定click事件，点击子div后在父div click事件里怎么判断该点

Question

 <div id='div1' >    <div id='div2'>    </div></div>$('#div1').on('click',function(){    //判断点击是否来自div2})

Answer 1

找到实际点击的对象，看是不是 div2 就行。

$('#div1').on('click', function(event) {

  event = event || window.event;

  let target = event.target || event.srcElement; // target 就是实际点击的DOM。

})

Answer 2

事件委托，利用冒泡判断事件源对象

$('#div1').on('click',function(e){

    console.log(e.target);

})

Answer 3

可以在控制台打印出来是点击了哪层div 

$('#div1').on('click',function(event){

console.log(event.target);

})