コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > H5 チュートリアル > 本文

HTML5 は要素 contextmenu のコンテキスト メニュー属性を指定します

黄舟
リリース： 2017-11-03 10:11:02
オリジナル
2594 人が閲覧しました

例

要素のコンテキスト メニューを指定します。ユーザーが要素を右クリックすると、コンテキスト メニューが表示されます: 

<div contextmenu="mymenu">

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

</div>
ログイン後にコピー

ブラウザのサポート

Firefox

現在、Firefox のみが contextmenu 属性をサポートしています。

定義と使用法

contextmenu 属性は、要素のコンテキスト メニューを指定します。ユーザーが要素を右クリックすると、コンテキスト メニューが表示されます。

contextmenu 属性の値は、開かれる

要素の ID です。

HTML 4.01 と HTML5 の違い

contextmenu 属性は HTML5 で新しく追加されました。

構文

<element contextmenu="menu_id">
ログイン後にコピー

属性値

value説明
menu_id 開かれる要素のID。

contexmenu 属性は、要素を右クリックすると、いわゆるコンテキスト メニューが表示される

要素のコンテキスト メニューを定義するために使用されます。

サンプルコード: 

<!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 サイトの他の関連記事を参照してください。

関連ラベル：
h5 html5 コンテクスト
ソース：php.cn
前の記事：セマンティックタグの分析例、HTML5の新機能 次の記事：ページまたはアプリケーションのプライベート カスタム データを保存する html5 data-* 属性
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...
から 2024-04-05 12:57:00
0
1
456
HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...
から 2024-04-02 11:47:56
0
1
275
ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...
から 2024-04-01 20:42:38
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート