Question

我希望点击div＆＃39; Bandeau-1＆＃39;或者＆＃39; Bandeau-2＆＃39; ...打开一个新页面。我有4个选择者改变了Bandeau-1＆＃39;到了Bandeau-2＆＃39;。但是如果单击选择器，则会打开一个新页面（因为它们位于div中）。

我怎么说：点击div＆＃39; Bandeau-1＆＃39;或者＆＃39; Bandeau-2＆＃39; ...打开一个新页面并点击选择更改＆＃39; Bandeau＆＃39;并且不打开新页面？

<? 
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>

它会阻止点击事件冒泡到父元素。

点击div而不是子div的新页面

1 个答案: