右键单击 Firefox 选择/突出显示 html 元素...为什么？答案

【问题标题】：Right click in Firefox selects/highlights html elements...why?右键单击 Firefox 选择/突出显示 html 元素...为什么？
【发布时间】：2011-04-11 13:50:30
【问题描述】：

我已经构建了一个自定义上下文菜单，但令人烦恼的是，当我在 Firefox 文本和图像中右键单击我的网站时，似乎只是随机选择了。

下面的链接是有问题的页面的基本 html 转储。您可以看到，当您在 Firefox 中右键单击它时，某些元素会突出显示。很烦人！这一定是 Firefox 中的纯 html 标记问题，因为此页面上绝对没有 CSS 或 JS。

此处示例： http://pastehtml.com/view/1e16jup.html

喜欢听听您的想法/建议...

【问题讨论】：

标签： html firefox contextmenu right-click

【解决方案1】：

这个页面有很多错误看看验证器result here.

也许它给 Firefox 带来了很多正确渲染页面的问题。

关闭所有<meta>和<img>标签，<script>必须有正确的类型属性，<h1>之类的标签不应该放在<a>，<p>里面。

【讨论】：

谢谢。似乎 99% 的错误是由于使用了自定义属性。我将不得不用 html5 数据属性替换它们。你相信这是问题所在吗？关闭 meta 和 img 标签的正确语法是什么？我的模板基于 html5 样板。
一开始我以为是问题所在，但我在无效网站上浏览的次数越多，他们都没有你的问题。右键单击似乎选择了元素及其任何子元素。真的很奇怪。
我想我必须把它分解，直到我确定它的原因。

【解决方案2】：

我假设您的意思是 HTML5 contextMenu？因为这没有在任何浏览器中实现。

【讨论】：

没有 jQuery 上下文菜单。无论如何，这是无关紧要的。如果您右键单击我给出的示例页面上的任何位置，它会突出显示您右键单击的元素的子元素。这不是正常行为，在其他网站上并不明显。
"这肯定是 Firefox 中的纯 html 标记问题，因为此页面上绝对没有 CSS 或 JS。"废话。它两者都有。还有奇怪的格式错误的标签。
对不起，在这个例子中我忘了排除 css 和 JS 标签。考虑到它们是相对于我的站点的路径，它们不会在这个外部示例中找到。我没有测试过，问题仍然存在。必须与 HTML 标记有关。您能否提供一些关于格式错误的标签在哪里的见解？
只是提一下，Firefox 现在正在添加对 HTML5 原生“上下文菜单”（通过标记声明）的支持。它现在在 Firefox 8 beta 中可用。 (developer.mozilla.org/en/Firefox_8_for_developers)。

【解决方案3】：

一些快速调查似乎表明页眉+页脚元素具有这种行为。此外，列表似乎也有它。这是因为这些元素具有一定的语义用途，并且这种行为似乎与这些语义用途一致。查看规范以了解如何使用这些元素。

我是盲目的，但我怀疑你可以用 -moz-user-select 覆盖它——但这与 Firefox 用户体验背道而驰。我根本不会推荐它。

【讨论】：