HTML5 は要素 contextmenu のコンテキストメニュー属性を指定します-H5 チュートリアル-php.cn

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

黄舟

リリース： 2017-11-03 10:11:02

オリジナル

2517 人が閲覧しました

例

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

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