recherche

Maison  >  Article  >  interface Web  >  HTML5 spécifie l'attribut de menu contextuel de l'élément contextmenu

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

黄舟
黄舟original
2017-11-03 10:11:022602parcourir

Instance

Spécifie le menu contextuel de l'élément dc6dce4a544fdca2df29d5ac0ea9906b 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>

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

Différences entre HTML 4.01 et HTML5

L'attribut contextmenu est nouveau en HTML5.

Syntaxe

<element contextmenu="menu_id">

Valeur de l'attribut

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

L'attribut contextemenu est utilisé pour définir le menu contextuel de l'élément dc6dce4a544fdca2df29d5ac0ea9906b 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>

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!

Déclaration：
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
Article précédent：Exemple d'analyse de balises sémantiques, nouvelles fonctionnalités en HTML5Article suivant：Exemple d'analyse de balises sémantiques, nouvelles fonctionnalités en HTML5

Articles Liés

Voir plus