suchen

Heim >Web-Frontend >H5-Tutorial >HTML5 gibt das Kontextmenüattribut des Elements contextmenu an

HTML5 gibt das Kontextmenüattribut des Elements contextmenu an

黄舟
黄舟Original
2017-11-03 10:11:022631Durchsuche

Instanz

Gibt das Kontextmenü des dc6dce4a544fdca2df29d5ac0ea9906b-Elements an. Das Kontextmenü erscheint, wenn der Benutzer mit der rechten Maustaste auf ein Element klickt: 

<div contextmenu="mymenu">

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

</div>

Browser-Unterstützung

Firefox

Derzeit unterstützt nur Firefox das Kontextmenü-Attribut.

Definition und Verwendung

Das contextmenu-Attribut gibt das Kontextmenü des Elements an. Wenn der Benutzer mit der rechten Maustaste auf ein Element klickt, erscheint ein Kontextmenü.

Der Wert des contextmenu-Attributs ist die ID des 5c0e96d12fc7501cef2ae2efde646ee0-Elements.

Unterschiede zwischen HTML 4.01 und HTML5

Das contextmenu-Attribut ist neu in HTML5.

Syntax

<element contextmenu="menu_id">

Attributwert

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

contexmenu-Attribut wird verwendet, um das Kontextmenü des dc6dce4a544fdca2df29d5ac0ea9906b zu definieren erscheint, wenn Sie mit der rechten Maustaste auf das Element klicken.

Beispielcode: 

<!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>

Hinweis: Wird nur von Firefox, QQ, IE und Google unterstützt. . .

Das obige ist der detaillierte Inhalt vonHTML5 gibt das Kontextmenüattribut des Elements contextmenu an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispielanalyse semantischer Tags, neue Funktionen in HTML5Nächster Artikel：Beispielanalyse semantischer Tags, neue Funktionen in HTML5

In Verbindung stehende Artikel

Mehr sehen