简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel H5 > le corps du texte

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

黄舟
Libérer： 2017-11-03 10:11:02
original
2516 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
Derniers numéros
Comment définir l'attribut obligatoire de HTML5 à l'aide de Javascript ? J'essaie de marquer une zone de saisie de texte comme requis en Javascript. <inputid=&q...
Depuis 2023-10-13 08:52:25
0
2
317
Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse ob...
Depuis 2023-09-12 12:20:33
0
1
280
Vidéo HTML5 M3U8 encodée en Base64 Je souhaite ajouter un fichier M3U8 encodé en base64 dans la balise vidéo de HTML5, commen...
Depuis 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap : méthode d'événement onclick non appelée, erreur "Variable introuvable : updateDocument" Je suis nouveau dans le développement front-end mais j'ai une compréhension de base de HTM...
Depuis 2023-09-09 20:06:48
0
1
362
Supprimer la barre oblique de fermeture '/' de la balise d'image en XHTML J'ai une chaîne txt1 qui stocke une image. Sa valeur est au format XHTML, c'est à dire que...
Depuis 2023-09-06 12:15:38
0
1
240
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！