html5規定元素的上下文選單屬性contextmenu-H5教程-PHP中文網

首頁

web前端

H5教程

html5規定元素的上下文選單屬性contextmenu

黄舟

Nov 03, 2017 am 10:11 AM

h5 html5 情境

實例

規定

元素的上下文選單。上下文選單會在使用者右鍵點選元素時出現：

<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">

登入後複製

屬性值

#值	描述
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>

登入後複製

注意：只有火狐瀏覽器等支持，QQ、IE陣亡、Google。。。

以上是html5規定元素的上下文選單屬性contextmenu的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn