html 电子邮件 -

发布于 2024-09-08 09:24:18 字数 200 浏览 6 评论 0原文

下面的内容看起来不错,但是当我在 gmail 中测试它时,它会打开链接两次(在 2 个新选项卡中),就好像发生了某种奇怪的事件冒泡......

<a href="some_url"> <button>Approve</button> </a>

我错过了一些明显的东西吗?

The following looks fine but when i test it in gmail, it opens the link twice (in 2 new tabs), it's as if there's some kind of wierd event bubbling happening....

<a href="some_url"> <button>Approve</button> </a>

am i missing something obvious?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

暖伴 2024-09-15 09:24:18

链接不能包含按钮。使用按钮或将链接设置为按钮样式(即看起来像按钮)。

也就是说:事件冒泡可能正在发生,因为按钮完成了它的工作,然后链接也处理了鼠标单击事件。

A link can't contain a button. Either use a button or style the link like a button (i.e. that it looks like a button).

That said: The event bubbling is probably happening because the button does it's job and then, the link processes the mouse click event, too.

挽清梦 2024-09-15 09:24:18

显而易见的是,[X]HTML 的格式不正确。
不应包含

The obvious thing is that this is not properly formatted [X]HTML.
An <a> should not include a <button>

孤独患者 2024-09-15 09:24:18

有些浏览器甚至不允许单击链接。
改为设置 href 的样式

<a href="" style="text-decoration:none; border-top: 2px #cce3ff solid; border-left: 2px #cce3ff solid; border-bottom: 2px #31557f solid;border-right: 2px #31557f solid;">GO</a>

There are browsers that will not even allow the link to be clicked.
Style the href instead

<a href="" style="text-decoration:none; border-top: 2px #cce3ff solid; border-left: 2px #cce3ff solid; border-bottom: 2px #31557f solid;border-right: 2px #31557f solid;">GO</a>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文