我有一个带有 href 和背景图片的 div,我也有一个带有 onclick 的按钮,但是当我尝试单击该按钮时,它不会重定向按钮链接,而是重定向背景 href 链接。
<div class="banner-container">
<div class="banner-box">
<div class="banner-div">
<div class="bannerheading">
<p><span>The correct link should be </span></p>
</div>
<div style="text-align: test">
<button id="ngwr40hslzejpruyuvx" onclick="window.open('https://stackoverflow.com/')" data-gahref="https://stackoverflow.com/" class="btn btn-primary btn-xs newtab">Learn more</button>
</div>
</div>
<a href="https://www.google.com/">
<div class="banner-img" style="background-image:url('https://ssl.gstatic.com/gb/images/i1_1967ca6a.png');">
</div>
</a>
</div>
如果没有 hcnaging hte HTML,任何人都可以提供帮助 https://jsfiddle.net/uqbhcdn6/2/ , 如何重定向按钮点击?
最佳答案
只需将 css pointer-events: fill;
添加到按钮...
<button style="pointer-events: fill;" id="ngwr40hslzejpruyuvx" onclick="window.open('https://stackoverflow.com/')" data-gahref="https://stackoverflow.com/" class="btn btn-primary btn-xs newtab">Learn more</button>
我编辑你的fiddle为了您的方便:https://jsfiddle.net/syamsoul/a8e1kng7/1/
关于javascript - 按钮内带有背景图像的 anchor 标记重定向到背景 href 而不是按钮 Onclick Link,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53809347/