html - 如何在 HTML 中向网站添加“退出按钮”？

Question

我正在尝试将“退出按钮”添加到 HTML 项目的家庭虐待帮助站点。我有一个按钮，一个图像，它可以工作，但问题是您可以单击图像外部并触发按钮。我正在尝试找到一种方法将按钮激活包含在图片内部，而不是图片之外。

<p id="escape" onclick="myFunction()">
<img src="quickescape.png">
</p>

<script>
        function myFunction() {
            // Get away right now
            window.open("http://weather.com", "_newtab");
            // Replace current site with another benign site
            window.location.replace('http://google.com');
        }
        </script>

如果不清楚，这是我遇到的演示：https ://imgur.com/a/5QepBU1

我需要使用地图ID吗？任何帮助将不胜感激。

标签： htmlbutton

Answer 1

不要将其包装在“p”标签中（即块级元素）。将它包裹在一个内联元素中，如“a”或“span”。