gpt4 book ai didi

javascript - HTML5 上下文菜单属性

转载 作者:行者123 更新时间:2023-11-30 12:42:28 25 4
gpt4 key购买 nike

我正在按照教程创建一个 HTML5 上下文菜单,到目前为止,我的网站中有以下代码行:

<a id="logo" href="http://mywebsite.com"  contextmenu="download-logo">                  
<img class="default-logo" alt="My Website" src="http://mywebsite.com/logox2-standard.png" />
<img class="retina-logo" alt="My Website" src="http://mywebsite.com/logox2-retina.png" />

<menu type="context" id="download-logo">
<menu label="Looking For Our Logo?">
<menuitem label="Download High Resolution (45KB)" icon="http://www.mywebsite.com/logo-icon.jpg" onClick="window.location.href='http://www.mywebsite.com/logo-retina.zip'"></menuitem>
<menuitem label="Download Low Resolution (20KB)" icon="http://www.mywebsite.com/logo-icon.jpg" onClick="window.location.href='http://www.mywebsite.com/logo-standard.zip'"></menuitem>
</menu>
</menu>
</a>

在 Mozilla Firefox 中查看网站时,这工作得很好,这是目前唯一支持它的浏览器:

HTML contextmenu Attribute (W3Schools) .

但是,有一个可用的 polyfill 可以在其他网络浏览器中添加额外的支持:

jQuery-contextMenu (GitHub) .

一旦我将 JavaScript 文件包含到 <head> 中,我该如何将这个 polyfill 应用到我上面的当前代码中?我网站的标签?

请记住,我对 JavaScript 不是很熟悉。

谢谢。

最佳答案

menumenuitem 元素出现在最初的 HTML5 候选推荐中,但 have since been removed . Firefox 不应再处理这些元素,其他浏览器忽略它们是正确的。

事实上,20121217 draft 中的整个上下文菜单部分已被删除。在该特定草案中,它们与其他已删除的元素(例如 hgroupcommand)一起标记为:

The following features are at risk and may be removed due to lack of implementation.

简而言之:您根本不应该使用它,因为它不再出现在规范中。相反,您应该找到替代方法来实现您正在尝试做的事情。

关于javascript - HTML5 上下文菜单属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23930805/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com