HTML5 spécifie l'attribut de menu contextuel de l'élément contextmenu-Tutoriel H5-php.cn

HTML5 spécifie l'attribut de menu contextuel de l'élément contextmenu

黄舟

Libérer： 2017-11-03 10:11:02

original

2597 Les gens l'ont consulté

Instance

Spécifie le menu contextuel de l'élément

Le menu contextuel apparaît lorsque l'utilisateur fait un clic droit sur un élément :

<div contextmenu="mymenu">

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

</div>

Copier après la connexion

Prise en charge du navigateur

Firefox

Actuellement, seul Firefox prend en charge l'attribut contextmenu.

Définition et utilisation

L'attribut contextmenu spécifie le menu contextuel de l'élément. Lorsque l'utilisateur clique avec le bouton droit sur un élément, un menu contextuel apparaît.

La valeur de l'attribut contextmenu est l'identifiant de l'élément

Différences entre HTML 4.01 et HTML5

L'attribut contextmenu est nouveau en HTML5.

Syntaxe

<element contextmenu="menu_id">

Copier après la connexion

Valeur de l'attribut

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

L'attribut contextemenu est utilisé pour définir le menu contextuel de l'élément

c'est lorsque vous faites un clic droit sur l'élément.

Exemple de code :

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

Copier après la connexion

Remarque : uniquement pris en charge par Firefox, QQ, IE et Google. . .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：

h5 html5 上下文

source：php.cn

Article précédent：Exemple d'analyse de balises sémantiques, nouvelles fonctionnalités en HTML5 Article suivant：html5 data-* attributs qui stockent des données personnalisées privées pour une page ou une application

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur