jQuery打开目标元素的默认上下文菜单

Question

我有一个标准化的圆角按钮，其格式如

<a href="#"><span>button name</span></a>

（示例：左圆角的锚点，右圆角的跨度）

问题出在IE中，上下文菜单是span标签而不是锚点，因此我没有在新标签中打开父链接的上下文菜单选项。

当我点击IE中的span标签时，是否可以定位父锚并触发它的上下文菜单？我只想要浏览器默认的上下文菜单，而不是自定义菜单。

（在FF工作正常）

Answer 1

摆脱<span>，并使用CSS在锚元素上提供圆角。这将make your HTML more semantic，并且在不支持CSS圆角的浏览器中提供优雅降级（读取：IE）。

HTML

<a href="#" class="rounded">button name</a>

CSS

a.rounded {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

Answer 2

我将以答案结束这个问题：没有可能的解决方案。

但这是问题/问题根源的解决方案： 我会尝试将锚点设置为根元素而不是跨度。

这样，右键单击上下文菜单将始终在IE的新选项卡中打开选项，同时我仍然可以保持交叉浏览器一致（+动态宽度）圆角按钮。 （尝试和测试）