html5规定元素的上下文菜单属性contextmenu-Tutorial H5-php.cn

html5规定元素的上下文菜单属性contextmenu

黄舟

Lepaskan： 2017-11-03 10:11:02

asal

2633 orang telah melayarinya

实例

规定

元素的上下文菜单。上下文菜单会在用户右键点击元素时出现：

<div contextmenu="mymenu">

<menu type="context" id="mymenu">
  <menuitem label="Refresh"></menuitem>
  <menuitem label="Twitter"></menuitem>
</menu>

</div>

Salin selepas log masuk

浏览器支持

Firefox

目前只有 Firefox 支持 contextmenu 属性。

定义和用法

contextmenu 属性规定元素的上下文菜单。当用户右键点击元素时，会出现上下文菜单。

contextmenu 属性的值是要打开的

元素的 id。

HTML 4.01 与 HTML5 之间的差异

contextmenu 属性是 HTML5 中的新属性。

语法

<element contextmenu="menu_id">

Salin selepas log masuk

属性值

值	描述
menu_id	要打开的元素的 id。

contexmenu属性用于定义

元素的上下文菜单，所谓上下文菜单就是用书右键点击元素时候出现。

示例代码：

<!doctype html>  
<html>  
<head>  
<meta charset="utf-8">  
<title> </title>  
</head>  
<body>  
<div contextmenu="mymenu">上下文菜单  
    <menu type="context" id="mymenu">  
        <menuitem label="微信分享"></menuitem>  
        <menuitem label="微博分享"></menuitem>  
    </menu>  
</div>  
</body>  
</html>

Salin selepas log masuk

注意：只有火狐浏览器等支持，QQ、IE阵亡、谷歌。。。

Atas ialah kandungan terperinci html5规定元素的上下文菜单属性contextmenu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

h5 html5 konteks

sumber：php.cn

Artikel sebelumnya：html5中新特性之语义化标签的实例分析 Artikel seterusnya：html5存储页面或应用程序的私有自定义数据的data-* 属性

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang