Question

我的div包含img。我想点击div来将我重定向到一个页面，并在img内点击div以重定向到其他页面。我已经使用了z-index和其他一些东西，但是当点击img时，我仍然会被重定向到div的重定向位置。

<div onclick="window.location='DivLink'" style="cursor:pointer; border-style:solid; z-index:1; background-color:teal">
    <br />
    <br />
    <img src="~/Images/3a6ef9b.jpg" style="z-index:2; overflow:visible" onclick="location.href='ImgLink'" />
</div>

Answer 1

使用 event.stopPropagation() 防止事件冒泡DOM树，防止任何父处理程序被通知事件。

试

  $("div").click(function (e) {
    window.location = 'DivLink';
    alert(1);

});

$("img").click(function (e) {
    e.stopPropagation();
    alert(1);
    window.location.href = 'ImgLink';


});

DEMO

Answer 2

使用名为 stoppropagation 的内容来阻止点击事件发生在父元素上。

这是W3Schools的example：

Img onclick上面的div onclick

2 个答案:

DEMO