這篇文章主要為大家展示了“html5中contextmenu怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“html5中contextmenu怎么用”這篇文章吧。
創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、克拉瑪依網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5建站、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為克拉瑪依等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
實(shí)例
規(guī)定 <div> 元素的上下文菜單。上下文菜單會(huì)在用戶右鍵點(diǎn)擊元素時(shí)出現(xiàn):
<div contextmenu="mymenu"> <menu type="context" id="mymenu"> <menuitem label="Refresh"></menuitem> <menuitem label="Twitter"></menuitem> </menu> </div>
瀏覽器支持
Firefox
目前只有 Firefox 支持 contextmenu 屬性。
定義和用法
contextmenu 屬性規(guī)定元素的上下文菜單。當(dāng)用戶右鍵點(diǎn)擊元素時(shí),會(huì)出現(xiàn)上下文菜單。
contextmenu 屬性的值是要打開的 <menu> 元素的 id。
HTML 4.01 與 HTML5 之間的差異
contextmenu 屬性是 HTML5 中的新屬性。
語法
<element contextmenu="menu_id">
屬性值
值 | 描述 |
menu_id | 要打開的 <menu> 元素的 id。 |
contexmenu屬性用于定義<div>元素的上下文菜單,所謂上下文菜單就是用書右鍵點(diǎn)擊元素時(shí)候出現(xiàn)。
示例代碼:
<!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>
以上是“html5中contextmenu怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞標(biāo)題:html5中contextmenu怎么用
網(wǎng)站鏈接:http://chinadenli.net/article8/gioiip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、定制網(wǎng)站、電子商務(wù)、網(wǎng)站設(shè)計(jì)公司、App開發(fā)、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)