onclick在div上但不是子div的新頁面

Question

我希望點擊div'Bandeau-1'或'Bandeau-2'...打開一個新頁面。 我有4個選擇者將'Bandeau-1'改爲'Bandeau-2'。 但是，如果您單擊選擇器，則會打開一個新頁面（因爲它們在div中）。

我可以這麼說：onclick div'Bandeau-1'或'Bandeau-2'...打開一個新頁面並點擊選擇更改'Bandeau'並且不打開一個新頁面？

<? 
echo "<div class='Bandeau-Actu' name='Bandeau-1' style='background: url(Include/img/Bandeau/$Bandeau_Image1);' onClick=\"window.location.href='$Bandeau_Web1'\">"; 
?> 
     <div id='Bandeau_Cadre_Bouton'> 
     <div class='Bandeau-Bouton' onclick="Click_Selector_Bandeau(1);">1</div> 
     <div class='Bandeau-Bouton' onclick="Click_Selector_Bandeau(2);">2</div> 
     <div class='Bandeau-Bouton' onclick="Click_Selector_Bandeau(3);">3</div> 
     <div class='Bandeau-Bouton' onclick="Click_Selector_Bandeau(4);">4</div> 
     </div> 

</div> 

感謝

Answer 1

使用event.stopPropagation();

<div class='Bandeau-Bouton' onclick="event.stopPropagation(); Click_Selector_Bandeau(1);">1</div> 
<div class='Bandeau-Bouton' onclick="event.stopPropagation(); Click_Selector_Bandeau(2);">2</div> 
<div class='Bandeau-Bouton' onclick="event.stopPropagation(); Click_Selector_Bandeau(3);">3</div> 
<div class='Bandeau-Bouton' onclick="event.stopPropagation(); Click_Selector_Bandeau(4);">4</div> 

它冒泡到父元素停止click事件。