当我点击链接中的嵌套图片时,下载弹出窗口出现在顶部。如何防止作为图片父元素的链接元素的默认行为?
<div class="gallery">
<div class="gallery__item">
<a class="gallery__link" href="large-image.jpg">
<img
class="gallery__image"
src="small-image.jpg"
data-source="large-image.jpg"
alt="Image description"
/>
</a>
</div>
<div class="gallery__item">
<a class="gallery__link" href="large-image.jpg">
<img
class="gallery__image"
src="small-image.jpg"
data-source="large-image.jpg"
alt="Image description"
/>
</a>
</div>
<div class="gallery__item">
<a class="gallery__link" href="large-image.jpg">
<img
class="gallery__image"
src="small-image.jpg"
data-source="large-image.jpg"
alt="Image description"
/>
</a>
</div>
</div>
我已经尝试过阻止event.target-〉img元素的传播,但是这个方法对我没有帮助。
2条答案
按热度按时间svmlkihl1#
使用preventDefault函数,以便在单击任何链接时,我们可以阻止默认行为,即下载弹出窗口:
或者,您也可以使用return false,您将得到相同的结果。
eivgtgni2#