在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ div嵌套div，父div綁定click事件，點擊子div后在父div clic

div嵌套div，父div綁定click事件，點擊子div后在父div click事件里怎么判斷該點擊來自子div?!

 <div id='div1' >
    <div id='div2'>
    </div>
</div>

$('#div1').on('click',function(){
    //判斷點擊是否來自div2
})
回答
編輯回答
裸橙

事件委托，利用冒泡判斷事件源對象

$('#div1').on('click',function(e){
    console.log(e.target);
})
2018年5月29日 10:30
編輯回答
陌離殤

可以在控制臺打印出來是點擊了哪層div
$('#div1').on('click',function(event){

console.log(event.target);

})

2018年6月28日 08:49
編輯回答
扯不斷

找到實際點擊的對象，看是不是 div2 就行。

$('#div1').on('click', function(event) {
  event = event || window.event;
  let target = event.target || event.srcElement; // target 就是實際點擊的DOM。
})
2018年2月17日 14:18
編輯回答
孤酒

給你補一個樣式和結(jié)構(gòu)

  <style>
    #div1 {
      width: 300px;
      height: 300px;
      border: 1px solid #ccc;
      background-color: pink;
    }

    #div2 {
      width: 100px;
      height: 100px;
      margin: 100px;
      background-color: skyblue;
    }
  </style>
</head>

<body>
  <div id='div1'>div1
    <div id='div2'>div2
    </div>
  </div>
<body>
     document.getElementById('div1').onclick = function (event) {
        var Eventsource = event.target || event.srcElement;
        alert(Eventsource.id)
      }
2017年8月19日 17:35