国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Wenn das übergeordnete Element an einen Klick gebunden ist, wie kann das untergeordnete Element verhindern, dass der Klick des übergeordneten Elements ausgel?st wird, ohne dass der Klick gebunden wird?
扔個三星炸死你
扔個三星炸死你 2017-06-12 09:22:56
0
3
1049

HTML:

<p id="container">
  <p id="inner">

  </p>
</p>

JS:

document.getElementById('container').addEventListener('click',function () {
  document.getElementById('inner').style.display = "none";
});

Wenn ich auf das untergeordnete Element klicke, verschwindet es. Wie kann man diese Situation vermeiden? Ich m?chte Klickereignisse nicht auch an untergeordnete Elemente binden.

扔個三星炸死你
扔個三星炸死你

Antworte allen(3)
曾經(jīng)蠟筆沒有小新
document.getElementById('container').addEventListener('click',function (e) {
  document.getElementById('inner').style.display = "none";
  e.stopPropagation();
}, true);
  1. addEventListener 傳遞第三個參數(shù) true。使用事件捕獲。

    • https://developer.mozilla.org...

  2. e.stopPropagation() 阻止事件傳播。

    • https://developer.mozilla.org...

僅有的幸福

https://jsfiddle.net/g5u7qrrd/6/

document.getElementById('container')
    .addEventListener('click',function (e) {
        if (e.target.id !== 'inner')
            document.getElementById('inner').style.display = "none";
    });
僅有的幸福

給子元素style加個pointer-events: none;直接忽略鼠標事件。IE可能需要處理下兼容。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage