HTML5 gibt das Kontextmenüattribut des Elements contextmenu an-H5-Tutorial-php.cn

HTML5 gibt das Kontextmenüattribut des Elements contextmenu an

黄舟

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

Original

2596 Leute haben es durchsucht

Instanz

Gibt das Kontextmenü des

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

Nach dem Login kopieren

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

-Elements.

Unterschiede zwischen HTML 4.01 und HTML5

Das contextmenu-Attribut ist neu in HTML5.

Syntax

<element contextmenu="menu_id">

Nach dem Login kopieren

Attributwert

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

contexmenu-Attribut wird verwendet, um das Kontextmenü des

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>

Nach dem Login kopieren

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!

Verwandte Etiketten：

h5 html5 上下文

Quelle：php.cn

Vorheriger Artikel：Beispielanalyse semantischer Tags, neue Funktionen in HTML5 Nächster Artikel：HTML5-Daten-*-Attribute, die private benutzerdefinierte Daten für eine Seite oder Anwendung speichern

Erklärung dieser Website

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

Neueste Artikel des Autors