ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 は要素 contextmenu のコンテキスト メニュー属性を指定します
HTML5 は要素 contextmenu のコンテキスト メニュー属性を指定します
- 黄舟オリジナル
- 2017-11-03 10:11:022629ブラウズ
例
dc6dce4a544fdca2df29d5ac0ea9906b 要素のコンテキスト メニューを指定します。ユーザーが要素を右クリックすると、コンテキスト メニューが表示されます:
<div contextmenu="mymenu"> <menu type="context" id="mymenu"> <menuitem label="Refresh"></menuitem> <menuitem label="Twitter"></menuitem> </menu> </div>
ブラウザのサポート
Firefox
現在、Firefox のみが contextmenu 属性をサポートしています。
定義と使用法
contextmenu 属性は、要素のコンテキスト メニューを指定します。ユーザーが要素を右クリックすると、コンテキスト メニューが表示されます。
contextmenu 属性の値は、開かれる 5c0e96d12fc7501cef2ae2efde646ee0 要素の ID です。
HTML 4.01 と HTML5 の違い
contextmenu 属性は HTML5 で新しく追加されました。
構文
<element contextmenu="menu_id">
属性値
| value | 説明 |
| menu_id | 開かれる5c0e96d12fc7501cef2ae2efde646ee0要素のID。 |
contexmenu 属性は、要素を右クリックすると、いわゆるコンテキスト メニューが表示される dc6dce4a544fdca2df29d5ac0ea9906b 要素のコンテキスト メニューを定義するために使用されます。
サンプルコード:
<!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>注: Firefox、QQ、IE、Google でのみサポートされています。 。 。
以上がHTML5 は要素 contextmenu のコンテキスト メニュー属性を指定しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。