HTML标签menuitem定义了一个可以在菜单中显示的命令或控件
▥前端
𝄐 0
html menuitem
HTML标签menuitem定义了一个可以在菜单中显示的命令或控件。它通常用于浏览器上下文菜单或工具栏按钮中。
该标签是HTML5的一部分，但目前只有少数浏览器支持它。
下面是一个使用menuitem标签创建浏览器右键菜单的示例：
<!DOCTYPE html>
<html>
<head>
<title>Menuitem Example</title>
</head>
<body>
<h1>Right-click on the page to see the menu</h1>
<menu type="context" id="myMenu">
<menuitem label="Save"></menuitem>
<menuitem label="Print"></menuitem>
<menuitem label="View Source" onclick="viewSource()"></menuitem>
</menu>
<script>
function viewSource() {
window.open("view-source:" + window.location.href);
}
document.addEventListener("DOMContentLoaded", function(event) {
document.addEventListener("contextmenu", function(event) {
event.preventDefault();
var contextElement = document.getElementById("myMenu");
contextElement.style.display = "block";
contextElement.style.left = event.pageX + "px";
contextElement.style.top = event.pageY + "px";
});
});
</script>
</body>
</html>
这个例子创建了一个包含三个menuitem标签的菜单，并在页面上的鼠标右键菜单中显示它们。第三个menuitem标签还绑定了一个JavaScript函数，当用户点击“查看源代码”时，将打开当前页面的源代码视图。
HTML标签menuitem定义了一个可以在菜单中显示的命令或控件。它通常用于浏览器上下文菜单或工具栏按钮中。
该标签是HTML5的一部分，但目前只有少数浏览器支持它。
下面是一个使用menuitem标签创建浏览器右键菜单的示例：
<!DOCTYPE html>
<html>
<head>
<title>Menuitem Example</title>
</head>
<body>
<h1>Right-click on the page to see the menu</h1>
<menu type="context" id="myMenu">
<menuitem label="Save"></menuitem>
<menuitem label="Print"></menuitem>
<menuitem label="View Source" onclick="viewSource()"></menuitem>
</menu>
<script>
function viewSource() {
window.open("view-source:" + window.location.href);
}
document.addEventListener("DOMContentLoaded", function(event) {
document.addEventListener("contextmenu", function(event) {
event.preventDefault();
var contextElement = document.getElementById("myMenu");
contextElement.style.display = "block";
contextElement.style.left = event.pageX + "px";
contextElement.style.top = event.pageY + "px";
});
});
</script>
</body>
</html>
这个例子创建了一个包含三个menuitem标签的菜单，并在页面上的鼠标右键菜单中显示它们。第三个menuitem标签还绑定了一个JavaScript函数，当用户点击“查看源代码”时，将打开当前页面的源代码视图。
本文地址：
/show-269464.html
版权声明：除非特别标注原创，其它均来自互联网，转载时请以链接形式注明文章出处。