如果仅单击div 1，则播放声音

Question

在我的项目中，我有一个大div，并且div中有另一个div作为形状。

当你点击形状时，你做对了，你有1分。当你只点击背景div时，我想发出声音。

当我这样做时（简单例子）：

a<-c(8,16,4)
b<-c(25,123,120)
df<-data.frame(a,b)

calculation<-function(a){
  a^2-1
}


# Method 1
df$a<-(df$a^2)-1

# Method 2
df$a<-calculation(df$a)

当我碰到形状时它也播放声音，因为我同时击中了两个div。

无论如何我该怎么做？

Answer 1

您需要stop the event from propagating直到父母：

document
  .querySelector('#inner')
  .addEventListener('click', e => {
    console.log('click inner');
    e.stopPropagation(); // <-- stop event propagation
  })

document
  .querySelector('#outer')
  .addEventListener('click', () => {
    console.log('click outer');
  })

#outer {
  background: pink;
  height: 300px;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#inner {
  background: salmon;
  width: 150px;
  height: 150px;
}

<div id="outer">
  <div id="inner"></div>
</div>

Answer 2

Dictionary<TKey,TValue>